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;}

经验证可行~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容