Par :optionalpseido klases mērķauditorija ieejas (ieskaitot s), kas nav konkrēti noteiktas kā required(nav requiredatribūts).
Tas var būt noderīgi, ja vēlaties izvēles laukiem piešķirt īpašu izskatu, varbūt nedaudz mazāk redzamu nekā obligātie.
Sintakse
input(type=text):optional ( border: 1px solid #eee; )Demonstrācija
Šajā demonstrācijā izvēles lauka (“Nosaukums”, “Dzimums” un “Kontinents”) necaurredzamība ir samazināta līdz 40%, lai lietotāji varētu uzreiz uzzināt, kādi ir obligātie lauki. Šajā gadījumā “E-pasts”. Pārvietojot kursoru, opcija var redzēt necaurredzamību līdz 100%.
Par optionaldarbus par visu veidu formas elementu veidiem: teksta ievadīšana visu veidu, radio pogas, izvēles rūtiņas un izvēlas.
Piezīme: tikai ar CSS nevar zināt, ka etiķete ir saistīta ar izvēles lauku, ja vien etiķetē nav aiz ievades (un jūs izmantojat brāļu un māsu kombinatoru), kas ir reti un parasti nav laba ideja. Varbūt nākotnē vecāku atlasītāji var palīdzēt šajā jautājumā.
Pārlūka atbalsts
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 10+ | 5+ | 4+ | 10+ | 10+ | Jebkurš | 5+ |
Ņemiet vērā, ka :optionaltas nav precīzi pretējs, :not(:required)jo pēdējie atbilst visu veidu elementiem, kamēr tie :optionalir ierobežoti ar formas elementiem.