it-swarm.dev

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

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

75
Newbie Fletcher

如果你添加...

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

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

176
methodofaction

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

这样做:

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

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

19
Roel

您可以尝试使用以下CSS:

-webkit-appearance:none;

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

9
dthukka

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

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

在你的按钮类。

5
Daniele F.