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
Especificació | Estat | Comentari |
---|---|---|
HTML Living Standard The definition of ':valid' in that specification. |
Living Standard | Cap canvi. |
HTML5 The definition of ':valid' in that specification. |
Recommendation | Defineix la semàntica respecte a l'HTML i la validació de restriccions. |
Selectors Level 4 The definition of ':valid' in that specification. |
Working Draft | Definició inicial. |
Navegadors compatibles
BCD tables only load in the browser
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Vegeu també
- Altres pseudo-classes relacionades amb la validació :
:required
,:optional
,:invalid
- Validació de dades del formulari