Pseudo-classe CSS :user-invalid

Définition et utilisation

CSS :user-invalid Les pseudo-classes sont utilisées pour définir le style des éléments de formulaire invalides après l'interaction de l'utilisateur.

Astuce :Utilisation :user-valid Le pseudo-classe définit le style des éléments de formulaire valides (après l'interaction de l'utilisateur).

Exemple

Définir le style des éléments <input> invalides après qu'ils aient été interagis avec par l'utilisateur :

input:user-invalid {
  border: 2px solid red;
  background-color: beige;
}

Essayez-le vous-même

Grammaire CSS

:user-invalid {
  déclarations css;
}

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge ce pseudo-classe.

Pages connexes

Référence :Pseudo-classe :user-valid CSS