CSS : Selector de rango
Ejemplo
Seleccione y aplique estilo solo si el valor del elemento <input> está "dentro del rango":
input:in-range
{
border: 2px solid yellow;
}
Definición y uso
El :in-range
selector selecciona todos los elementos con un valor que está dentro de un rango especificado.
Nota: ¡El selector :in-range solo funciona para elementos de entrada con atributos mínimos y/o máximos!
Sugerencia: use el selector :fuera de rango para seleccionar todos los elementos con un valor que esté fuera de un rango específico.
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 | |||||
---|---|---|---|---|---|
:in-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
*En Edge, la propiedad :in-range también selecciona incorrectamente elementos de entrada sin atributos mínimos/máximos.
Sintaxis CSS
:in-range {
css declarations;
}
páginas relacionadas
Selector de CSS : fuera de rango