CSS を使用してチェックされたラジオ ボタンのラベルのスタイルを設定するにはどうすればよいですか?

CSS を使用したチェックされたラジオ ボタンのラベルのスタイル設定

チェックされたラジオ ボタンに関連付けられたラベルに CSS スタイルを適用するタスクは、 CSS セレクター 'input[type="radio"]:checked label`.

説明:

このセレクターの ` 記号は **隣接兄弟コンビネータ**を表します。これにより、チェックされたラジオ ボタン入力の直後にラベルが表示されます。このセレクターを :checked` 疑似クラスと組み合わせることで、チェックされたラジオ ボタン入力に続くラベルがターゲットになります。

たとえば、次のマークアップを考えてみましょう。

<input>

セレクター ` の使用input[type="radio"]:checked ラベル、次のスタイルを適用できます:

input[type="radio"]:checked+label {
  font-weight: bold;
}

このスタイルチェックされたラジオ ボタンのラベルは太字になりますが、チェックされていないラジオ ボタンのラベルは変更されません。

以上がCSS を使用してチェックされたラジオ ボタンのラベルのスタイルを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。