关闭safari浏览器button默认样式

前两天又遇到一个头疼的问题，在Chrome上调试好的样式，去到手机上打开，傻了。。。

这是什么鬼... 搜了一下,才知道这是appearance属性搞的鬼。。

。

比方你想让一个div拥有button的样式。能够这么写

div { appearance: button; -moz-appearance:button; /* Firefox */ -webkit-appearance:button; /* Safari 和 Chrome */ }

所以取消掉默认的button样式，自己写的才干显示出来

input, button { appearance: none; -moz-appearance: none; -webkit-appearance: none; }

注意浏览器支持 全部主流浏览器都不支持 appearance 属性。 Firefox 支持替代的 -moz-appearance 属性。 Safari 和 Chrome 支持更换 -webkit-appearance 属性。

版权声明：本文博主原创文章，博客，未经同意不得转载。

转载于:https://www.cnblogs.com/bhlsheji/p/4785041.html