移除移动Safari(iPhone)上的textarea内部阴影

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

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

通过添加这个CSS样式:

-webkit-appearance: none; 

添加CSS样式

 -webkit-appearance: none; 

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

 box-shadow: none !important; 

这样你保持向下的箭头。

这是简单的解决scheme

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

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

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

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

注意:不使用, caret不是最佳的。

设置input标签的backgroundborder CSS属性也似乎工作。

尝试这个:

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