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


当前回答

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

   -webkit-appearance: none;

其他回答

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

   -webkit-appearance: none;

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

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

这将有所帮助。

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

-webkit-appearance:none;
opacity: 1

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