222 我注意到,如果我使用半径,颜色和边框使用CSS设置按钮样式,它们看起来不错,但在iphone / ipad / ipod中它们看起来糟透了……不应该与Safari桌面中的呈现方式相同? iphone css ipad mobile-safari mobile-webkit — 弗朗切斯科 source 1 ipad / iphone上输入按钮 — skolima,2012年
453 哎呀!刚刚发现自己:只需在您需要的任何元素上添加此行 -webkit-appearance: none; — 弗朗切斯科 source 23 我爱你,stackoverflow和@Francesco — jahrichie 28 很棒,这是一篇有关CSS技巧的精彩文章。它列出了WebKit和Mozilla更改的所有其他元素。 — 帕特里克 指南针对此也有一个mixin-style.org/reference/compass/css3/appearance — Patrick Beeson 1 我希望我会在12个小时前完成Google搜索……谢谢。 — Elly Post 1 非常好!没想到我们在iOS中也出现过这种问题!再次感谢您! — Saurabh Prajapati
36 将此代码添加到css文件中: input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 这会有所帮助。 — Subindas pm source 1 大!现在,表单提交按钮在我的iPad上 — 应有尽有 1 @peterkodermac,请不要忘记添加父CSS类,否则,这可能会影响每个输入字段。 — subindas
4 上面关于webkit外观的答案起到了神奇的作用,但是与其他设备/台式机上的浏览器相比,该按钮看起来还是有点苍白/暗淡。我还必须将不透明度设置为完全(范围从0到1) -webkit-appearance:none; opactiy: 1 设置不透明度后,该按钮在所有不同的设备/模拟器/桌面上看起来都相同。 — 普里扬克·塔卡(Priyank Thakkar) source