在iPad/iPhone上CSS提交按钮奇怪的渲染
Fra*_*sco 210 css iphone mobile-safari ipad mobile-webkit
我注意到如果我使用半径,颜色和边框用CSS设置我的按钮样式,它们看起来不错,但在iphone/ipad/ipod中它们看起来很糟糕......应该与Safari桌面中的渲染不一样？
Fra*_*sco 429
哎呀!刚发现自己:只需在你需要的任何元素上添加这一行
-webkit-appearance: none;
- 很棒,[这里](http://css-tricks.com/almanac/properties/a/appearance/)是一篇关于CSS技巧的精彩文章.它列出了WebKit和Mozilla更改的所有其他元素. (27认同)
- 我爱你,stackoverflow和@Francesco (21认同)
- 我希望我能在 12 小时前完成这个谷歌搜索......谢谢。 (2认同)
sub*_* pm 31
将此代码添加到css文件中:
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
这会有所帮助.
- @peterkodermac 请不要忘记添加父 CSS 类，否则，这可能会影响每个输入字段。 (2认同)
Pri*_*kar 11
上面关于 webkit 外观的答案有效，但与其他设备/桌面上的浏览器相比，该按钮看起来仍然苍白/暗淡。我还必须将不透明度设置为完全（范围从 0 到 1）
-webkit-appearance:none;
opacity: 1
设置不透明度后，按钮在所有不同的设备/模拟器/桌面上看起来都一样。