Seletor CSS :opcional

Definição e uso

CSS :opcional As pseudo-classes são usadas para escolher e definir o estilo de elementos de formulário opcionais (apenas para <input>,<select> e <textarea>)

Elementos de formulário sem a propriedade required são definidos como opcionais.

Dica:Uso :obrigatório Seletor de pseudo-classes para elementos de formulário obrigatórios.

Exemplo

Escolha e defina o estilo de qualquer <input> que não tenha a propriedade required. Além disso, defina o estilo de qualquer <input> que tenha a propriedade required:

input:opcional {
  background-color: verde-claro;
}
input:obrigatório {
  background-color: rosa;
  border-color: vermelho;
}

Experimente você mesmo

Sintaxe CSS

:opcional {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

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

Páginas relacionadas

Referência:Seletor CSS :obrigatório