Pseudo-classe focus
La pseudo-classe focus définit les styles pour
un input,
une textarea
ou un lien
ayant le focus de saisie. Le focus de saisie signifie
que nous avons cliqué sur l'input et que le curseur-clignotant y apparaît
(on peut saisir du texte).
Syntaxe
input:focus {
}
Exemple
Après avoir obtenu le focus, l'input obtiendra une bordure rouge et une ombre :
<input>
input:focus {
border: 1px solid red;
box-shadow: 0 0 3px red;
}
:
