:checked 疑似クラスを使用して「要素」のスタイルを設定できますか?

CSS : の疑似クラス機能をチェックしました要素

内の要素要素は、オプションのリストからのユーザーの現在の選択を示します。ユーザー インターフェイスを強化するには、現在選択されているオプションを他のオプションとは異なるスタイルにすることが望ましい場合があります。ただし、:checked 疑似クラスは、一般的に のスタイルを設定するために使用されます。 要素は、 には適用されません。

解決策:

に対して同様のスタイル設定動作を実現する手法が存在します。 :checked 疑似クラスを利用して要素を作成します。 HTML4 仕様では、現在選択されているオプションを示すために selected 属性が使用されていました。この属性を参照すると、同じスタイルを に適用できます。 をチェックする場合と同様に、選択された属性を持つ要素要素。

option[selected] {
  color: red;
}

注: 選択したオプションの色のスタイル設定は、すべてのブラウザでサポートされているわけではありません。

例:

現在選択されているオプションをドロップダウンから非表示にするにはリスト:

option:checked {
  display: none;
}

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

以上が:checked 疑似クラスを使用して「要素」のスタイルを設定できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。