iphone - 在 iPad/iPhone 上的 CSS 提交按钮奇怪的渲染

Question

我注意到，如果我使用半径、颜色和边框使用 CSS 设置按钮的样式，它们看起来不错，但在 iphone/ipad/ipod 中它们看起来很糟糕……不应该与 Safari 桌面中的渲染相同？

Answer 1

哎呀！我自己发现了这个。只需将此行添加到您需要的任何元素上：

   -webkit-appearance: none;

Answer 2

将此代码添加到 css 文件中：

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

这会有所帮助。

Answer 3

以上关于 webkit 外观的答案有效，但与其他设备/桌面上的浏览器相比，该按钮仍然显得苍白/沉闷。我还必须将不透明度设置为完全（范围从 0 到 1）

-webkit-appearance:none;
opacity: 1

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