您的位置:首页 > 产品设计 > UI/UE

去除iphone中Safari给按钮默认添加的UI样式

2015-02-12 18:13 134 查看
之前在做一个活动页面,里面用到了 input 的 button,写完样式在安卓手机上面测试没有问题,但是在iPhone的Safari中的样式完全变了。

在网上搜索了一下,原来是Safari默认添加上的样式。

而且不仅仅是button,还有submit,reset。

找到原因,赶紧解决,下面献上css代码:

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-appearance: none;
}
使用“-webkit-appearance”属性,能改变内核为webkit的浏览器任意元素的默认风格
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  safari css