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

之前在做一个活动页面,里面用到了 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的浏览器任意元素的默认风格

对人性的弱点有清醒的认识,

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

相关文章:

你感兴趣的文章:

标签云: