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