iPad / iPhone上的CSS提交按钮怪异渲染


Answers:


453

哎呀!刚刚发现自己:只需在您需要的任何元素上添加此行

   -webkit-appearance: none;

23
我爱你,stackoverflow和@Francesco
jahrichie

28
很棒,是一篇有关CSS技巧的精彩文章。它列出了WebKit和Mozilla更改的所有其他元素。
帕特里克


1
我希望我会在12个小时前完成Google搜索……谢谢。
Elly Post

1
非常好!没想到我们在iOS中也出现过这种问题!再次感谢您!
Saurabh Prajapati

36

将此代码添加到css文件中:

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

这会有所帮助。


1
大!现在,表单提交按钮在我的iPad上
应有尽有

1
@peterkodermac,请不要忘记添加父CSS类,否则,这可能会影响每个输入字段。
subindas

4

上面关于webkit外观的答案起到了神奇的作用,但是与其他设备/台式机上的浏览器相比,该按钮看起来还是有点苍白/暗淡。我还必须将不透明度设置为完全(范围从0到1)

-webkit-appearance:none;
opactiy: 1

设置不透明度后,该按钮在所有不同的设备/模拟器/桌面上看起来都相同。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.