首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >阻止Safari Mobile为输入按钮提供圆角

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

Stack Overflow用户
提问于 2011-03-11 01:16:00
回答 7查看 75.3K关注 0票数 86

我猜这个主题说明了一切。我有一个web应用程序,当在Iphone,Ipod或Ipad上查看时,输入提交按钮有圆角。有没有办法阻止这一切?

EN

回答 7

Stack Overflow用户

发布于 2011-03-11 01:36:05

如果你加上...

代码语言:javascript
复制
input, textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

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

票数 189
EN

Stack Overflow用户

发布于 2011-12-16 16:33:06

对我不起作用,-webkit-外观:无。

这样做:

代码语言:javascript
复制
input[type=submit] {
    -webkit-border-radius:0px;
}

我也有同样的问题,在带背景图片的按钮上有圆角,只是在iPhone上。

票数 20
EN

Stack Overflow用户

发布于 2013-09-06 20:03:54

您可以尝试使用以下CSS:

代码语言:javascript
复制
-webkit-appearance:none;

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

票数 16
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5263260

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档