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
; }