去除select下拉框默認樣式

時間 2019-12-10

標籤去除 select 下拉默認樣式简体版

原文原文鏈接

去除select下拉框默認樣式web

select {
/*Chrome和Firefox裏面的邊框是不同的，因此複寫了一下*/
border: solid 1px #000;
/*很關鍵：將默認的select選擇框樣式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*將背景改成紅色*/
background:red;
/*加padding防止文字覆蓋*/
padding-right: 14px;
}
/*清除ie的默認選擇框樣式清除，隱藏下拉箭頭*/
select::-ms-expand { display: none; }