CSS修改下拉選框select的默認(rèn)樣式
CSS修改下拉選框select的默認(rèn)樣式
select {
? ? ? ? /*統(tǒng)一邊框*/
? ? ? ? border:?solid?1px?#000;
? ? ? ? /*為下拉小箭頭留出一點位置甫窟，避免被文字覆蓋*/
? ? ? ? padding-right:?14px;
? ? ? ? /*替換選擇框的最右側(cè)顯示小箭頭圖片*/
? ? ? ? background:?url("http://****.png")?no-repeat?scroll?right?center?transparent;
? ? ? ? /*將默認(rèn)的select選擇框樣式清除*/
? ? ? ? -webkit-appearance:none;
? ? ? ? -moz-appearance:none;
? ? ? ? appearance:none;
}
清除IE的默認(rèn)選擇框樣式雹有，隱藏下拉箭頭
select::-ms-expand {
? ? ? ? display: none;
}
