:optional

A pseudo-classe CSS :optional representa qualquer elemento <input>, <select>, ou <textarea> que n√£o contenha o atributo required.

/* Selects qualquer <input> opcional */
input:optional {
  border: 1px dashed black;
}

Esta pseudo-classe é utilizada para estilizar campos do formulário que não são requeridos para sumissão.

Nota: A pseudo-classe :required seleciona campos do fumul√°rio requeridos.

Sintaxe

:optional

Exemplos

Veja :invalid como exemplo.

Referências de acessibilidade

Se um formul√°rio cont√©m <input> opcionais, inputs requeridos devem ser indicados utilizando o atriuto required. Isto garantir√° que usu√°rios que navegam com tecnologia de acessibilidade, como um leitor de tela, possam entender  quais entradas devem ter o conte√ļdo validado para submeter o formul√°rio com √™xito.

Entradas requeridas devem ser indicadas visualmente, utilizando um tratamento que não seja apenas a cor para passar o significado. Usualmente, textos descritivos e/ou um ícone são utilizados.

Especifica√ß√Ķes

Specification Status Comment
HTML Living Standard
The definition of ':optional' in that specification.
Padrão em tempo real Sem mudança.
HTML5
The definition of ':optional' in that specification.
Recomenda√ß√£o Define a sem√Ęntica da valida√ß√£o e da restri√ß√£o do HTML.
Selectors Level 4
The definition of ':optional' in that specification.
Rascunho atual Sem mudança.
CSS Basic User Interface Module Level 3
The definition of ':optional' in that specification.
Recomenda√ß√£o Define a pseudo-classe, mas n√£o a sem√Ęntica associada.

Compatibilidade de navegadores

BCD tables only load in the browser

Ver também