Na :optionaltarče psevdo razred vhodi (vključno s), ki niso posebej določeni kot required(nimajo requiredatributa).
To je lahko koristno, če želite neobveznim poljem dati poseben videz, morda nekoliko manj viden od zahtevanih.
Sintaksa
input(type=text):optional ( border: 1px solid #eee; )Demo
V naslednjem predstavitvenem polju se neobvezna polja (»Ime«, »Spol« in »Celina«) zmanjšajo na 40%, tako da lahko uporabniki takoj vedo, katera polja so potrebna. V tem primeru "Email". Ko lebdite, bo neobvezen vnos videl, da se motnost vrne na 100%.
Se optionaldela na vseh vrstah obliki elementov: besedilnih vložkov vseh vrst, radijskih gumbov, kvadrat, in izbere.
Opomba: s CSS ne morete vedeti samo, da je nalepka povezana z neobveznim poljem, razen če je v nalepki za vnosom (in uporabljate kombinacijo bratov in sester), kar je redko in običajno ni dobra ideja. Morda bodo v prihodnosti pri tem lahko pomagali selektorji staršev.
Podpora za brskalnik
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 10+ | 5+ | 4+ | 10+ | 10+ | Kaj | 5+ |
Upoštevajte, da :optionalto ni točno nasprotje, :not(:required)ker se bo slednje ujemalo z vsemi vrstami elementov, medtem ko :optionalje omejeno na elemente obrazca.