manual de referencia CSS

reglas CSS @

大全 de propiedades CSS

Funciones CSS (Functions)Manual completo de selectores CSS

Selector :invalid de CSS

El pseudoclase :invalid de CSS representa cualquier contenido que no haya pasado la validación <input> u otro elemento <form> .

　Manual de referencia de selectores CSS completo

Ejemplo en línea

Si el valor del elemento input es ilegal, establezca el estilo en azul:

Ejemplo

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<title>Guía básica (oldtoolbag.com)</title>　
<style>
input:invalid
{
　　　　borde:2px sólido azul;
}
</style>
</head>
<body>
<h3> Ejemplo de selector :invalid </h3>
<input type="email" value="supportEmail"　/>
<p>Ingrese un e-dirección de correo electrónico, vea los cambios en el estilo.</p>
</body>
</html>

Prueba y observa ‹/›

Definición y uso

El selector :invalid se utiliza para establecer estilos cuando los valores de los elementos del formulario son ilegales.

Nota: 　El selector :invalid solo actúa sobre elementos que pueden especificar valores de intervalo, como las propiedades min y max de un elemento input, y campos de correo electrónico correctos, campos de números válidos, etc.

Compatibilidad del navegador

Los números en la tabla indican la versión del primer navegador que admite la propiedad.

Selector
:invalid	10.0	10.0	4.0	5.0	10.0

Sintaxis de uso de CSS

/*　Puede seleccionar cualquier <input> no válido　*/
input:invalid　{
　　fondo-color: pink;
}

Este pseudoclase es muy útil para resaltar errores en campos de usuarios.

Páginas relacionadas

Selector de CSS :valid

　Manual de referencia de selectores CSS completo

Funciones CSS (Functions)Manual completo de selectores CSS