清除css中的select的下拉箭头样式

select{
/*chrome和firefox里面的边框是不一样的，所以复写一下*/
border:solid 1px #000;
}

 /**很关键：将默认的select 选择框样式清楚/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;

/*在选择框的最右侧中间显示小箭头图片*/
background:url("") no-repeat scroll right center transparent;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right:14px
/*清楚ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand{display:none}