CSS : Selector válido
Ejemplo
Seleccione y aplique estilo solo si el valor del elemento <input> es válido:
input:valid
{
background-color: yellow;
}
Definición y uso
El :valid
selector selecciona elementos de formulario con un valor que valida según la configuración del elemento.
Nota: El selector :valid solo funciona para elementos de formulario con limitaciones, como elementos de entrada con atributos mínimo y máximo, campos de correo electrónico con un correo electrónico legal o campos numéricos con un valor numérico, etc.
Sugerencia: use el selector :invalid para seleccionar elementos de formulario con un valor que no se valide de acuerdo con la configuración del elemento.
Versión: | CSS3 |
---|
Compatibilidad con navegador
Los números de la tabla especifican 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
:valid {
css declarations;
}
páginas relacionadas
Selector de CSS : no válido