关闭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 属性。
版权声明:本文博主原创文章,博客,未经同意不得转载。