停止Safari Mobile的inputbutton圆angular

我想这个主题是这么说的。 在Iphone，Ipod或Ipad上查看时，我有一个Web应用程序，input提交button有圆angular。 有没有办法阻止这个？

Answer 1

如果你添加…

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

然后您的button将inheritance您为其他浏览器应用的任何CSS样式。

Answer 2

没有为我工作，-webkit外观：没有。

这样做：

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

在背景图像上，我只是在iPhone上遇到了与圆angular相同的问题。

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; 

在你的button类。

Answer 5

我有一个input提交types=“图像”的网站。 上面这个固定圆angular的变化：

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