Comment puis-je styliser les étiquettes des boutons radio cochés en utilisant CSS ?

Style des étiquettes des boutons radio cochés avec CSS

La tâche d'appliquer des styles CSS aux étiquettes associées aux boutons radio cochés peut être accomplie en utilisant le Sélecteur CSS 'input[type="radio"] : coché label`.

Explication :

Le symbole ` dans ce sélecteur représente le **Combinateur frère/sœur adjacent**. Il garantit que l'étiquette apparaît immédiatement après la saisie du bouton radio coché. En combinant ce sélecteur avec la pseudo-classe :checked`, il cible les étiquettes qui suivent les entrées des boutons radio cochés.

Par exemple, considérons le balisage suivant :

<input>

Utilisation du sélecteur ` input[type="radio"]:checked label, vous pouvez appliquer le style suivant :

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

Ce style fera l'étiquette du bouton radio coché gras, tout en laissant inchangées les étiquettes des boutons radio non cochés.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!