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

cssinput:focus {
  
}

Exemple

Après avoir obtenu le focus, l'input obtiendra une bordure rouge et une ombre :

html<input>

cssinput:focus {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

Результат:

Voir aussi