Astuce 015

Astuce 015

Mettre en avant l’option par dĂ©faut d’une liste de checkbox 🔎

Uniquement grâce à #CSS ?

Le pseudo-sĂ©lecteur CSS :default sera actif pour la valeur par dĂ©faut dĂ©finie dans un groupe d’Ă©lĂ©ments associĂ©s.

Par exemple dans un groupe de bouton radio portant le mĂŞme nom, le sĂ©lecteur pointera sur le radio qui aura l’attribut boolĂ©en checked par dĂ©faut. âś…

Le sĂ©lecteur fonctionne mĂŞme si l’utilisateur a sĂ©lectionnĂ© une valeur diffĂ©rente.

Tu peux donc avec le code prĂ©sent dans l’exemple ajouter un petit texte descriptif Ă  cotĂ© du label de notre option par dĂ©faut.

Le sélecteur fonctionne aussi avec les checkboxes, les boutons ou encore les select (uniquement sur certains navigateurs dans ce cas-là).

La propriĂ©tĂ© est supportĂ©e par la majoritĂ© des navigateurs rĂ©cents donc aucune raison de ne pas l’utiliser.

Commente le post avec un sujet que tu aimerais que je traite đź’¬

đź‘‹

Haut de page