当自己想实现一个下拉框样式时,浏览器默认这样显示
那么,如何去除右侧的黑色箭头呢,这里可以使用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 | 将元素呈现为输入字段。 |
如果觉得我的文章对您有用,请您随意打赏。您的支持将鼓励我更加努力创作!
如无特殊声明,文章均为原创,若有不正之处,万望告知。转载请附上原文地址,十分感谢!