Geri Reid - Forms best practice
lundi 21 septembre 2020 à 20:04Beaucoup de ressources pour les formulaires HTML.
PS : j’ai récemment découvert la pseudo-class « :focus-within », qui permet de cibler un élément dont un de ses fils est en :focus.
En gros, pour ça :
<label>Nom : <input type="text" /></label>
Et ça :
label:focus-within { background: red; }
Un focus sur le input va appliquer le fond rouge sur le label. Ça peut être pratique, et évite d’avoir à mettre de façon non-naturelle le label après le input, et utiliser le « input:focus+label » pour styler un label quand on focus sur le input.
— (permalink)