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

我注意到，如果我用CSS使用半径、颜色和边界来设计按钮，它们看起来很好，但在iphone/ipad/ipod上它们看起来很糟糕……不应该是相同的渲染在Safari桌面??

当前回答

将以下代码添加到css文件中:

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

这将有所帮助。

其他回答

上面关于webkit外观的回答是有效的，但是与其他设备/桌面上的浏览器相比，这个按钮看起来仍然有点苍白/沉闷。我还必须将不透明度设置为full(范围从0到1)

-webkit-appearance:none;
opacity: 1

设置不透明度后，按钮在所有不同的设备/模拟器/桌面上看起来都是一样的。

将以下代码添加到css文件中:

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

这将有所帮助。

哦!这是我自己发现的。只要在你需要的任何元素上添加这一行:

   -webkit-appearance: none;

推荐文章