:optional

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨julho de 2015⁩.

Apseudo-classe CSS:optional representa qualquer elemento<input>,<select>, ou<textarea> que não contenha o atributorequired.

css

/* 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áriorequeridos.

Sintaxe

Error: could not find syntax for this item

Se umformulário contém<input> opcionais, inputs requeridos devem ser indicados utilizando o atriutorequired. 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.