在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/
如果你想了解更多关于CSS属性选择器,你可以在这里找到一个非常有用的文章:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。