Pseudo-classe CSS :indeterminate

Definição e uso

CSS :indeterminate A pseudo-classe é usada para selecionar qualquer elemento de formulário em estado indeterminado.

Essa pseudo-classe pode ser usada apenas para os seguintes elementos:

  • Elemento <input type="checkbox">. É necessário usar JavaScript para definir a propriedade indeterminate como true
  • Elemento <input type="radio">, quando todos os botões de rádio com o mesmo valor de name no formulário não estiverem selecionados
  • Elemento <progress> em estado indeterminado

Exemplo

Adicione uma sombra vermelha para elementos de formulário indeterminados:

input:indeterminate {
  box-shadow: 0 0 5px 3px red;
}

Experimente você mesmo

Sintaxe CSS

:indeterminate {
  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 essa pseudo-classe.

Chrome Edge Firefox Safari Opera
39 79 51 10 26