Pseudo-clase :user-invalid de CSS

Definición y uso

CSS :user-invalid El pseudo-clase se utiliza para establecer el estilo de los elementos de formulario inválidos después de que el usuario interactúe con ellos.

Consejo:Uso :user-valid El pseudo-clase establece el estilo de los elementos de formulario válidos (después de la interacción del usuario).

Ejemplo

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

input:user-invalid {
  border: 2px solid red;
  background-color: beige;
}

Prueba personalmente

Sintaxis css

:user-invalid {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

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

Páginas relacionadas

Referencia:Pseudo-clase :user-valid de CSS