用css去除chrome、safari等webikt内核浏览器的默认样式

在制作手机网站的时候用Safari 打开相应的页面，发现button,input,select,textarea都存在着默认的样式，我们设置的样式都被默认样式盖住了，这时只需要添加一个webkit的私有属性：

           -webkit-appearance:none;

添加该样式，并且值为'none'时即可取消浏览器对于控件的默认样式。

appearance :  属性允许您使元素看上去像标准的用户界面元素

浏览器支持

所有主流浏览器都不支持 appearance 属性。

Firefox 支持替代的 -moz-appearance 属性。

Safari 和 Chrome 支持替代的 -webkit-appearance 属性。