CSS 樣式 `` 像 `:checked` 這樣的元素可以樣式複選框嗎？

CSS 可以:selected 偽類樣式Selected ;諸如:checked Class?

之類的元素?

之類的元素 中的元素可以使用CSS :selected 偽類來設定下拉式選單的樣式。這允許您自訂目前選定選項的外觀，例如套用背景顏色。

:selected 偽類的工作方式與輸入元素的 :checked 偽類類似，適用於複選框和單選輸入當他們被檢查時。在的情況下元素， :selected 適用於目前在關閉下拉清單中顯示的選項。

option:selected {
  background-color: red;
}

要設定所選選項的樣式，您可以使用以下程式碼：

但請注意，並非所有瀏覽器都支援設定顏色樣式。

option:checked {
  display: none;
}

此外，此功能的一個獨特用例是從下拉清單中隱藏所選項目list:

此程式碼隱藏下拉清單中選定的選項，僅保留佔位符文字可見。

以上是CSS 樣式 `` 像 `:checked` 這樣的元素可以樣式複選框嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！