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}
网友评论