Ejemplo
Seleccione el estilo y sólo si el valor de la <input> elemento es válido:
input:valid
{
background-color: yellow;
}
Inténtalo tú mismo " Definición y Uso
El selector: válida selecciona los elementos de formulario con un valor que 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 con un correo electrónico legal, o el número de campos con un valor numérico, etc.
Consejo: Utilice el : inválido selector para seleccionar elementos de formulario con un valor que no 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 | |||||
|---|---|---|---|---|---|
| :valid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
sintaxis CSS
Páginas relacionadas
Selector de CSS : inválido