Pseudo-clase :user-valid de CSS

Definición y uso

CSS :user-valid Los pseudo-clases se utilizan para establecer el estilo de los elementos de formulario válidos después de que el usuario interactúe con ellos.

Consejo:Uso :user-invalid Establece el estilo de los elementos de formulario no válidos (después de la interacción del usuario).

Ejemplo

Establece el estilo de los elementos <input> válidos después de que el usuario interactúe con ellos:

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

Prueba por ti mismo

Sintaxis CSS

:user-valid {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

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

Páginas relacionadas

Referencia:Pseudoclase :user-invalid de CSS