Pseudo-clase :out-of-range de CSS

Definición y uso

CSS :out-of-range Los pseudo-clases se utilizan para coincidir con cualquier elemento cuyos valores estén fuera de los límites especificados.

Nota::out-of-range Los pseudo-clases se utilizan para elementos que tienen las propiedades min y/or max Elemento <input>.

Consejo:Uso :in-range Los pseudo-clases seleccionan todos los elementos cuyos valores están dentro del rango especificado.

Ejemplo

Elija y configure el estilo del campo de entrada solo cuando el valor del campo esté fuera de los límites permitidos:

input:out-of-range {
  border: 2px solid red;
  background-color: pink;
}

Prueba personalmente

Sintaxis CSS

:out-of-range {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

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

Páginas relacionadas

Referencia:Pseudoclase :in-range de CSS