CSS3 :checkedSélecteurs
Manuel de référence complet des sélecteurs CSS
Exemple
Définissez la hauteur et la largeur pour tous les éléments input sélectionnés :
Essayez-le vous-même »
Définition et utilisation
Le sélecteur :checked correspond à chaque élément input sélectionné (s'applique uniquement aux boutons radio ou aux cases à cocher).
:checked est un sélecteur de pseudo-classe en CSS3, utilisé pour sélectionner les cases à cocher ou les boutons radio qui sont cochés dans les éléments de formulaire. Lorsqu'un utilisateur clique sur une case à cocher ou un bouton radio et que celui-ci devient coché, le sélecteur :checked prend effet. Cela permet de modifier les styles des éléments ou d'effectuer d'autres opérations lorsqu'un utilisateur sélectionne une option.
Par exemple, vous pouvez utiliser le sélecteur :checked pour modifier le style des cases à cocher ou des boutons radio sélectionnés, ou pour les lier à d'autres éléments. Cela est très utile pour créer des formulaires interactifs ou personnaliser l'apparence des cases à cocher et des boutons radio.
Prise en charge des navigateurs
Les nombres dans le tableau indiquent la première version de navigateur qui prend entièrement en charge la propriété.
| Sélecteurs | |||||
|---|---|---|---|---|---|
| :checked | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
autres extensions