CSS 選擇下拉框樣式是實現網頁美化的一種常用方法。在 HTML 中，下拉框是通過
select {
/*設置字體大小、顏色等*/
font-size: 16px;
color: #000;
/*設置邊框、填充顏色等*/
border: 1px solid #ccc;
background-color: #fff;
/*設置下拉框箭頭的樣式*/
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
/*設置下拉框背景圖*/
background: url('icon.png') no-repeat right center;
/*設置下拉框寬度、高度等*/
width: 200px;
height: 30px;
}以上代碼中，首先我們使用了“select”選擇器來選擇下拉框元素。接下來設置了下拉框的字體大小和顏色，并設置了邊框的寬度、顏色等。然后通過設置“appearance”和“background”屬性來控制下拉框箭頭的樣式及下拉框背景圖。最后，我們還設置了下拉框的寬度和高度。
除了以上樣式設置，我們還可以通過 CSS 的偽類來設置下拉框的樣式，例如當下拉框被選中時改變其背景色、邊框等樣式。
select:focus {
border: 1px solid #09c;
background-color: #f2f2f2;
}以上代碼設置了下拉框被選中時的樣式，即改變邊框的顏色并加深背景色。這樣用戶在選中下拉框時，下拉框將會呈現更加突出的效果。
通過 CSS 對下拉框進行樣式設置，可以讓網頁變得更加美觀，同時也提升了用戶的體驗和使用效果。
上一篇css 選取基數個
下一篇css 選擇div特效