如何在下拉式選單中設定所選選項的樣式？

在下拉式選單中設定所選選項的樣式

透過定位目前選定的 元素一直是個共同的挑戰。雖然 :checked 偽類為複選框和單選按鈕等輸入提供樣式選項，但它不會擴展到 中的 元素。 選單。

但是，仔細檢查

：選取偽類表示它適用於具有 HTML4 selected 和 checked 屬性的元素。此觀察提供了一個對目前選定的 進行樣式化的解決方案，如下列程式碼所示：

option:checked { color: red; }

雖然並非所有瀏覽器都支援顏色樣式，但此方法提供了一種在下拉式選單中定位活動選項的方法。

或者，您可以使用一些附加選項來隱藏所選選項CSS：

option:checked { display:none; }

這種方法提供了一種創造性的方式來增強下拉式選單的使用者體驗，例如隱藏所選項目以避免視覺混亂。

以上是如何在下拉式選單中設定所選選項的樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！