android - -webkit-外观 : caret; removes input border from android and windows browsers

Question

我只写了这一行

input, textarea{-webkit-appearance: caret;-moz-appearance: caret;}

Webkit-appearance 只是移除了 ios 输入的内部阴影，但它也移除了 windows 和 android webkit 浏览器的输入边框。

Answer 1

发件人:Remove iOs input shadow

您应该尝试使用 appearance: none;

移除特定于浏览器的样式

/* Remove First */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* Then Style */

...使用您自己的定制样式。