CSS :in-range pseudo-clase

Definición y uso

CSS :in-range El pseudo-clase se utiliza para coincidir con cualquier elemento cuyos valores estén en el rango.

Nota：:in-range El pseudo-clase se utiliza para elementos <input> que tienen las propiedades min y/or max.

Consejo：Uso :out-of-range El pseudo-clase selecciona todos los elementos cuyos valores están fuera del rango especificado.

Ejemplo

Seleccione y configure el estilo del campo de entrada solo cuando el valor del campo esté en el rango:

input:in-range {
  borde: 2px sólido verde;
  color_fondo: beige;
}

Prueba personalmente

Sintaxis CSS

:in-range {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente el pseudo-clase.

Páginas relacionadas

Referencia：Pseudo-clase :out-of-range de CSS