阻止Safari Mobile为输入按钮提供圆角

Question

我猜这个话题就说明了一切.我在Iphone,Ipod或Ipad上查看时有一个Web应用程序,输入提交按钮有圆角.有办法阻止这个吗？

Answer 1

如果你添加...

input, textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

然后,您的按钮将继承您已应用于其他浏览器的任何CSS样式.

Answer 2

对我不起作用,-webkit-appearance:none.

这样做:

input[type=submit] {
    -webkit-border-radius:0px;
}

在带有背景图像的按钮上,我在iPhone上也有同样的问题.

Answer 3

您可以尝试使用以下CSS:

-webkit-appearance:none;

更多信息:http://trentwalton.com/2010/07/14/css-webkit-appearance/

Answer 4

我发现在iPad 2上你必须使用以下内容:

-webkit-appearance:none;
border-radius: 0;

在你的按钮类.