Pseudo-classe :out-of-range do CSS

Definição e uso

CSS :out-of-range O pseudo-classe é usado para combinar qualquer elemento cujo valor está fora dos limites especificados.

Atenção::out-of-range O pseudo-classe é usado para elementos que têm atributos min e/ou max Elemento <input>.

Dica:Uso :in-range O pseudo-classe escolhe todos os elementos cujos valores estão dentro do intervalo especificado.

Exemplo

Seleciona e define o estilo do campo de entrada apenas quando o valor do campo está fora dos limites de的范围:

input:out-of-range {
  border: 2px sólido vermelho;
  background-color: pink;
}

Experimente você mesmo

Sintaxe CSS

:out-of-range {
  declarações css;
}

Detalhes técnicos

Versão: CSS3

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente o pseudo-classe.

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

Páginas relacionadas

Referência:Pseudo-classes CSS :in-range