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