之前在做一个活动页面,里面用到了 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的浏览器任意元素的默认风格
对人性的弱点有清醒的认识,