-webkit-外观：插入符号；从 android 和 windows 浏览器中删除输入边框答案

【问题标题】：-webkit-appearance: caret; removes input border from android and windows browsers-webkit-外观：插入符号；从 android 和 windows 浏览器中删除输入边框
【发布时间】：2014-05-09 06:10:10
【问题描述】：

我只写了这一行

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

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

【问题讨论】：

我认为要去除内阴影，您可以尝试设置自己的边框（这将覆盖默认值）或者可能有其他方法而不是使用appearance:caret
在输入框和文本框里，有我自己的css边框。不是默认的。

标签： android html css webkit

【解决方案1】：

发件人：Remove iOs input shadow

您应该尝试使用 appearance: none; 删除特定于浏览器的样式

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

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

【讨论】：