css3 -webkit-appearance属性

该文章由 leevare 发布于 ,归类于 HTML/CSS

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

那么,如何去除右侧的黑色箭头呢,这里可以使用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将元素呈现为输入字段。

如果觉得我的文章对您有用,请您随意打赏。您的支持将鼓励我更加努力创作!

相关文章:

说点什么

avatar
300
  Subscribe  
提醒