css去掉iphone及ipad默认自带样式
2017-08-25 本文已影响0人
猩崽大叔
移动端开发过程中iphone自带样式问题有些小麻烦,效果如下:
![](https://img.haomeiwen.com/i5325117/2fb4450e7500a8b5.png)
下拉框样式极其不搭调。
思路:对于解决这种问题的基本思路就是全部清除掉默认样式,来做到和android的样式风格的统一。
方法:在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea {-webkit-appearance: none;}
select {-webkit-appearance: none;}
经验证可行~