移除移动Safari（iPhone）上的textarea内部阴影

默认情况下，Mobile Safari似乎将顶部的内部阴影添加到所有的input字段，包括textarea。 有没有办法删除它？

当你有一个白色的背景是特别丑陋的。

Answer 1

通过添加这个CSS样式：

-webkit-appearance: none; 

Answer 2

添加CSS样式

 -webkit-appearance: none; 

将工作，它摆脱了一切。 你可能想尝试这个：

 box-shadow: none !important; 

这样你保持向下的箭头。

Answer 3

这是简单的解决scheme

 input[type=text] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 

Answer 4

有时你可以有一个样式表打破了appearance: none; 所以当发生这种情况时，解决这个问题的方法就是使用caret 。 最好的办法是重写你的代码，找出你的代码的一部分，这样就搞不清风格

在使用carat之前，你需要知道它可以给你一些其他风格的麻烦

 -webkit-appearance: caret; -moz-appearance: caret; -o-appearance: caret; appearance: caret; 

注意：不使用， caret不是最佳的。

Answer 5

设置input标签的background和border CSS属性也似乎工作。

尝试这个：

 <style> input { background: #ccc; border: none; } </style> <form> First name: <input type="text"/><br /> Last name: <input type="text" /> </form>