Pseudo-classe :user-valid CSS

Définition et utilisation

CSS :user-valid Les pseudo-classes sont utilisées pour définir le style des éléments de formulaire valides après qu'ils aient été interagis avec par l'utilisateur.

Astuce :Utilisation :user-invalid Définir le style des éléments de formulaire invalides avec les pseudo-classes (après l'interaction de l'utilisateur).

Exemple

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

input:user-valid {
  border: 2px solid green;
  background-color: beige;
}

Essayez-le vous-même

Grammaire CSS

:user-valid {
  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 cette pseudo-classe en intégralité.

Pages connexes

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