Pseudo-classe :valid CSS

Définition et utilisation

CSS :valid Les pseudo-classes sont utilisées pour définir le style des éléments de formulaire valides.

Avis :Utilisez :invalid Le sélecteur définit le style des éléments de formulaire invalides.

Exemple

Choisissez et définissez le style des éléments <input> valides :

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

Essayez-le vous-même

Grammaire CSS

:valid {
  déclarations css;
}

Détails techniques

Version : CSS4

Prise en charge du navigateur

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

Chrome Edge Firefox Safari Opera
10 12 4 5 10

page liée

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