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 {...}