css3 -webkit-appearance属性

当自己想实现一个下拉框样式时，浏览器默认这样显示

那么，如何去除右侧的黑色箭头呢，这里可以使用css3的-webkit-appearance这个属性来解决该问题。

-webkit-appearance: none;

然后，我们就可以自己自定义样式了。

浏览器支持情况

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

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

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

当然，appearance还有其它的用途，可以看一下appearance的语法。

appearance: normal|icon|window|button|menu|field;