【笔记】css 自定义select 元素的箭头样式

原文链接：https://www.imooc.com/qadetail/187585?t=281881

 

最近项目需要自定义select 元素的样式，搜索了一下发现了通过设置select 元素 css 的 appearance 属性为 none，再通过设置背景图片 background-image 另其显示一个自定义的箭头即可

代码如下：

/* 清除部分现代浏览器的 select 默认样式 */
appearance:none;
 -moz-appearance:none;
 -webkit-appearance:none;


/* 清除ie 浏览器的默认样式 */
select::-ms-expand {
    display: none;
}