iPhone下按钮样式失效的解决方法

在弄移动端页面的时候,在苹果手机上,发现css无法定义按钮样式,包括input :submit,:button及button标签等。

解决方法:

-webkit-appearance: none;  加上这句

 

官网上文档:https://developer.apple.com/library/safari/documentation/appleapplications/reference/safaricssref/
Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-_webkit_appearance

测试还发现一个小问题就是,加了上面的属性后,iOS下默认还是带有圆角的,不过可以使用 border-radius属性修改:

CSS

1
2
3
4
5
-webkit-appearance: none;
-moz-appearance:none;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;

You may also like...

发表评论

电子邮件地址不会被公开。 必填项已用*标注