原文链接：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;
}

 

版权声明：本文为stitchgogo原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/stitchgogo/p/8808675.html