我可以使用 :checked 偽類來設定 `` 元素的樣式嗎？

CSS：檢查 的偽類功能；元素

; 中的元素元素表示使用者目前從選項清單中進行的選擇。為了增強使用者介面，可能需要將目前選擇的選項設定為與其他選項不同的樣式。然而， :checked 偽類通常用於設定 的樣式。和元素，不適用於；

解決方案：

存在一種技術可以為 實現類似的樣式行為。元素透過利用 :checked 偽類。在HTML4規範中，selected屬性用於指示目前選擇的選項。透過引用此屬性，我們可以將相同的樣式套用到 。具有 selected 屬性的元素，就像我們要檢查的 一樣。

option[selected] {
  color: red;
}

注意：所有瀏覽器可能不支援設定所選選項的顏色樣式。

範例：

從下拉清單中隱藏目前選定的選項清單：

option:checked {
  display: none;
}

<select>
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>

以上是我可以使用 :checked 偽類來設定 `` 元素的樣式嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！