select样式的重写

select {

   /*统一边框*/

   border :  solid  1px  #000 ;

   /*将默认的select选择框样式清除*/

   appearance: none ;//这个样式就是清楚他的下拉按钮的默认样式

   -moz-appearance: none ;

   -webkit-appearance: none ;

   /*替换选择框的最右侧显示小箭头图片*/

   background :  url ( "http://****.png" )  no-repeat  scroll  right  center  transparent ;

   /*为下拉小箭头留出一点位置，避免被文字覆盖*/

   padding-right :  14px ;

}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

select::-ms-expand {  display :  none ; }

转载于:https://www.cnblogs.com/msb-/p/6610621.html