我想这个话题就说明了一切。我在Iphone，Ipod或Ipad上查看时有一个Web应用程序，输入提交按钮有圆角。有办法阻止这个吗？
答案 0 :(得分：176)
如果你添加......
input, textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
然后，您的按钮将继承您已应用于其他浏览器的任何CSS样式。
答案 1 :(得分：19)
对我不起作用，-webkit-appearance：none。
这样做：
input[type=submit] {
-webkit-border-radius:0px;
}
我在带有背景图片的按钮上有圆角的问题，只是在iPhone上。
答案 2 :(得分：10)
您可以尝试使用以下CSS：
-webkit-appearance:none;
更多信息：http://trentwalton.com/2010/07/14/css-webkit-appearance/
答案 3 :(得分：5)
我发现在iPad 2上你必须使用以下内容：
-webkit-appearance:none;
border-radius: 0;
在你的按钮类中。
答案 4 :(得分：3)
我有一个输入提交类型=“图像”的网站。上述的这种变化修正了圆角：
input[type=image] {
-webkit-border-radius:0px;
}
答案 5 :(得分：1)
我通过为“按钮”和“提交”类型添加代码来解决：
df答案 6 :(得分：0)
我发现设置background: linear-gradient(color1, color2)可以消除Apple设备上的过度圆角，并且可以在我尝试过的所有其他浏览器/平台上使用。