在網頁設計中，下拉菜單是一個常見的組件，也是網頁開發者經常用到的一個元素。然而，在默認情況下，下拉菜單的樣式通常很難滿足我們的需求。那么如何使用 CSS 改變下拉菜單的選中樣式呢？
首先，我們需要知道，下拉菜單是由 select 元素創建的。然而，即使我們添加了樣式，選中項的樣式通常也會和其他項一樣，難以區分。但是，通過 CSS，我們可以簡單地改變選中項的樣式。
要改變選中項的樣式，我們需要為 select 元素添加一個樣式，然后使用 CSS 選擇器來選擇選中的項并為它們設置樣式。
讓我們看一下下面的示例代碼：

<select class="my-select">
<option value="option1">選項 1</option>
<option value="option2">選項 2</option>
<option value="option3">選項 3</option>
<option value="option4">選項 4</option>
<option value="option5">選項 5</option>
</select>
<style>
.my-select {
/* 設置選中項的背景顏色 */
background-color: #ff7f50;
}
.my-select option:checked {
/* 設置選中項的文字顏色 */
color: #fff;
}
</style>

在上面的示例代碼中，我們為 select 元素添加了一個名為 my-select 的類，并設置了它的背景顏色。然后，我們使用 :checked 偽類選擇選中的項，并為它們設置了文字顏色。
通過這種方式，我們可以方便地改變 select 元素的選中樣式，讓其更符合我們的需求。當然，這只是改變選中項樣式的一種方式，開發者們可以根據自己的需求進一步擴展。