Pseudoklasa CSS :optional wybiera wszystkie elementy input, select i textarea, które są opcjonalne, czyli nie mają atrybutu required. Za jej pomocą można na przykład wyróżnić wizualnie pola formularza, których nie ma obowiązku wypełniać.
Przykład użycia :optional
W poniższym przykładzie element input nie ma atrybutu required, a więc jego wypełnienie jest opcjonalne, w związku z czym zostanie on wybrany przez pseudoklasę :optional, która nada mu jasnozielony kolor tła.
<style>
input:optional {
background-color: lightgreen;
}
</style>
...
<input type="email" name="email">Składnia :optional
Składnia pseudoklasy :optional:
:optional {...}