如何變更 HTML `` 元素中所選選項的背景顏色？

自訂 HTML 中所選選項的背景顏色 ;使用 CSS

HTML 元素提供使用者可以從中選擇的選項清單。預設情況下，當使用者選擇選項時，該選項會顯示為藍色背景。此預設行為可能並不總是與所需的設計一致。因此，有必要找到一種解決方案來覆寫此預設值並自訂所選選項的背景顏色。

CSS 提供了有限的選項來直接在 中設定所選選項的樣式。元素。例如，不支援設定 CSS 屬性（如 selected-background-color）。

但是，JavaScript 提供了一種解決方法來實作此自訂。以下是使用 JavaScript 將所選選項的背景顏色變更為紅色的範例：

在此範例中，JavaScript 程式碼迭代 中的可用選項。元素並將所選選項的背景顏色設為紅色，而所有其他選項的背景顏色為白色。每當使用者選擇選項時，都會觸發變更事件偵聽器，從而允許動態更新背景顏色。

使用 JavaScript，可以自訂 中所選選項的外觀。元素，提供對視覺設計的更多控制。

以上是如何變更 HTML `` 元素中所選選項的背景顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！