清除苹果浏览器中input元素的默认样式

发布时间：2024-01-05  栏目：建站知识   浏览：   分类：css教程

要清除苹果浏览器（Safari）中input的默认样式，可以使用以下CSS代码： ```css input { -webkit-appearance: none; appearance: none; } ```

苹果浏览器有一套自己的默认UI样式，有时候我们做WAP手机版网站的时候，苹果默认的UI样式跟我们自己的不搭配，特别是按钮的样式。

所以我们来试试如何把苹果浏览器默认的按钮样式替换掉。

方法其实简单，只需要加上下面这段css就可以了：

input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none;}

相关专题