Ejemplo
Seleccione el estilo y sólo si el valor de la <input> elemento no es válido:
input:invalid
{
border: 2px solid red;
}
Inténtalo tú mismo " Definición y Uso
El selector: no válido selecciona los elementos de formulario con un valor que no valida de acuerdo a la configuración del elemento.
Nota: El selector: válido sólo funciona para los elementos de formulario con limitaciones, tales como elementos de entrada con los atributos min y max, campos de correo electrónico sin un correo electrónico legal, o campos de número y sin un valor numérico, etc.
Consejo: Utilice el : válido de selección para seleccionar elementos de formulario con un valor que valida de acuerdo a la configuración del elemento.
| Versión: | CSS3 |
|---|
Soporte para el navegador
Los números de la tabla especifica la primera versión del navegador que es totalmente compatible con el selector.
| Selector | |||||
|---|---|---|---|---|---|
| :invalid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
sintaxis CSS
Páginas relacionadas
Selector de CSS : válido