停止Safari Mobile的inputbutton圆angular

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

    如果你添加…

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

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

    没有为我工作,-webkit外观:没有。

    这样做:

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

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

    你可以尝试使用下面的CSS:

     -webkit-appearance:none; 

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

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

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

    在你的button类。

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

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