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