Comment puis-je styliser l'étiquette d'un bouton radio coché avec CSS ?

Sélecteur CSS pour mettre en surbrillance l'étiquette d'un bouton radio coché

Question : CSS peut-il être utilisé pour styliser l'étiquette d'un bouton radio coché ?

Explication :

Le balisage HTML donné comprend un type d'entrée "radio" avec une étiquette associée. Il y a une tentative infructueuse de mettre en gras l'étiquette du bouton radio coché en utilisant "label:checked { font-weight: bold; }".

Solution :

Pour pour résoudre le problème, un sélecteur CSS approprié peut être utilisé :

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

Ce sélecteur utilise le Combinateur de frères et sœurs adjacents ( ) pour spécifier que l'élément d'étiquette doit immédiatement suivre l'entrée du bouton radio cochée.

Comment ça marche :

Lorsqu'un bouton radio avec l'identifiant donné est cochée, le sélecteur " " garantit que l'étiquette avec l'attribut "pour" correspondant est sélectionnée et en gras. Cette méthode garantit que l'étiquette est stylisée quel que soit le balisage environnant ou les éléments supplémentaires.

Exemple :

<input>

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

Remarque : Cette solution suppose que les navigateurs spécifiés prennent en charge la fonctionnalité CSS3.

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!