我注意到,如果我用CSS使用半径、颜色和边界来设计按钮,它们看起来很好,但在iphone/ipad/ipod上它们看起来很糟糕……不应该是相同的渲染在Safari桌面??
将以下代码添加到css文件中:
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
这将有所帮助。
上面关于webkit外观的回答是有效的,但是与其他设备/桌面上的浏览器相比,这个按钮看起来仍然有点苍白/沉闷。我还必须将不透明度设置为full(范围从0到1)
-webkit-appearance:none;
opacity: 1
设置不透明度后,按钮在所有不同的设备/模拟器/桌面上看起来都是一样的。