当自己想实现一个下拉框样式时，浏览器默认这样显示
那么，如何去除右侧的黑色箭头呢，这里可以使用css3的-webkit-appearance这个属性来解决该问题。
-webkit-appearance: none;
然后，我们就可以自己自定义样式了。
浏览器支持情况
所有主流浏览器都不支持appearance属性。
Firefox 支持替代的-moz-appearance属性。
Safari 和 Chrome 支持替代的-webkit-appearance属性。
当然，appearance还有其它的用途，可以看一下appearance的语法。
appearance: normal|icon|window|button|menu|field;
| 值 | 描述 |
|---|---|
| normal | 将元素呈现为常规元素。 |
| icon | 将元素呈现为图标（小图片）。 |
| window | 将元素呈现为视口。 |
| button | 将元素呈现为按钮。 |
| menu | 将元素呈现为一套供用户选择的选项。 |
| field | 将元素呈现为输入字段。 |
如果觉得我的文章对您有用，请您随意打赏。您的支持将鼓励我更加努力创作！
如无特殊声明，文章均为原创，若有不正之处，万望告知。转载请附上原文地址，十分感谢！
说点什么