Pseudo-clase :valid CSS

Definición y uso

CSS :valid Los pseudo-clases se utilizan para establecer el estilo de elementos de formulario válidos.

Consejo:usar :invalid Selector establece el estilo de elementos de formulario no válidos.

Ejemplo

Elegir y establecer el estilo de los elementos <input> válidos:

input:valid {
  background-color: beige;
  border: 2px sólido verde;
}

Prueba por ti mismo

Sintaxis CSS

:valid {
  declaraciones css;
}

Detalles técnicos

Versión: CSS4

Compatibilidad del navegador

Los números en la tabla especifican la versión del navegador que primero admite el pseudo-clase.

Chrome Edge Firefox Safari Opera
10 12 4 5 10

páginas relacionadas

Referencia：Pseudo-clase :invalid de CSS