不同的浏览器默认的select的选项图标是不同的。
appearance属性:去掉浏览器自带的
appearance: none; // 去除select默认的下拉图标
-webkit-appearance: none; // 兼容chrome
-moz-appearance: none; // 兼容firefox
background: url('tir.jpg') no-repeat right center;
text-indent: 0.01px; // 兼容低版本firefox
text-overflow: ""; // 兼容低版本firefox
原本这样写是没问题的,但是项目中因为用了一些自带样式的框架,导致appearance没有生效,加了个!important
就可以了。