一般情况下下拉框都会有一个向下的小箭头,例如:
如何去除这个小箭头呢?
select {/*很关键:将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none;//这三个就已经去掉了小箭头/*在选择框的最右侧中间显示小箭头图片*/background: url("http://ourjs.github.io/static//arrow.png") no-repeat scrollright center transparent;/*为下拉小箭头留出一点位置,避免被文字覆盖*/padding-right: 14px;}
/*清除ie的默认选择框样式清除,隐藏下拉箭头*/
select::-ms-expand { display: none; }
参考:/lsy26/p/5840860.html