Pseudoclasse out-of-range
A pseudoclasse out-of-range define o estilo
para elementos cujos valores estão fora do
intervalo especificado. O intervalo de valores
deve ser definido pelos atributos min
e max.
Sintaxe
seletor:out-of-range {
}
Exemplo
Vamos definir uma cor de fundo azul clara para a entrada que
recebe números dentro do intervalo
de 1 a 5. Também definiremos um fundo rosa quando
o valor inserido estiver fora do limite
escolhido:
<form>
<p>Digite um número de 1 a 5</p>
<p>
<input type="number" min="1" max="5" value="1">
</p>
</form>
input:in-range {
background: #C2DDFD;
}
input:out-of-range {
background: #E37D76;
}
:
