:valid

The pseudo-class CSS :valid representa qualsevol element <input> o altre <form> el contingut del qual es valida correctament. Això permet fer, fàcilment, que els camps vàlids adoptin una aparença que ajudi a l'usuari a confirmar que les seves dades estan formatades correctament.

/* Selecciona qualsevol <input> vàlid */
input:valid {
  background-color: powderblue;
}

Aquesta pseudo-class és útil per ressaltar els camps correctes per a l'usuari.

Sintaxi

:valid

Exemples

Vegeu :invalid com exemple.

Especificacions

Navegadors compatibles

Vegeu també

• Altres pseudo-classes relacionades amb la validació : :required, :optional, :invalid
• Validació de dades del formulari