在iOs(Safari 5)我必须关注输入元素(顶部内阴影)：
http://s16.postimg.org/q9eluejl1/ios5_input.png
我想删除顶部阴影，bug -webkit外观不保存=(
当前样式：
input {
border-radius: 15px;
border: 1px dashed #BBB;
padding: 10px;
line-height: 20px;
text-align: center;
background: transparent;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}
解决方法
你需要使用-webkit-appearance：none;以覆盖默认的IOS样式。但是，只选择CSS中的输入标签不会覆盖默认的IOS样式，因为IOS通过使用属性选择器input [type = text]来添加样式。因此，您的CSS将需要使用属性选择器来覆盖已预先设置的默认IOS CSS样式。
尝试这个：
input[type=text] {
/* Remove First */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* Then Style */
border-radius: 15px;
border: 1px dashed #BBB;
padding: 10px;
line-height: 20px;
text-align: center;
background: transparent;
outline: none;
}
有用的网址：
您可以在这里了解更多有关外观：
http://css-tricks.com/almanac/properties/a/appearance/
