css去掉iphone及ipad默认自带样式

移动端开发过程中iphone自带样式问题有些小麻烦,效果如下:


下拉框样式极其不搭调。

思路:对于解决这种问题的基本思路就是全部清除掉默认样式,来做到和android的样式风格的统一。

方法:在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式

input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

textarea {-webkit-appearance: none;}

select {-webkit-appearance: none;}

经验证可行~

推荐阅读更多精彩内容