自定義select樣式

select {

/*Chrome和Firefox裏面的邊框是不同的，因此複寫了一下*/

border: solid 1px #000;

/*很關鍵：將默認的select選擇框樣式清除*/

appearance: none;

-moz-appearance: none;

-webkit-appearance: none;

/*在選擇框的最右側中間顯示小箭頭圖片*/

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

/*爲下拉小箭頭留出一點位置，避免被文字覆蓋*/

padding-right: 14px;

}

/*清除ie的默認選擇框樣式清除，隱藏下拉箭頭*/

select::-ms-expand {

display: none;

}