Į :optionalpseudo klasės tikslai įėjimai (įskaitant -ai), kurie nėra konkrečiai nustatyti kaip required(neturi requiredatributas).
Tai gali būti naudinga, kai pasirenkamiems laukams norite suteikti specifinę išvaizdą, galbūt šiek tiek mažiau matomą nei reikalaujama.
Sintaksė
input(type=text):optional ( border: 1px solid #eee; )Demonstracija
Šioje demonstracijoje neprivalomo lauko („Vardas“, „Lytis“ ir „Žemynas“) neskaidrumas sumažintas iki 40%, kad vartotojai galėtų iš karto sužinoti, kokie laukai yra privalomi. Šiuo atveju „Email“. Užvedus pelės žymeklį, pasirenkant įvestį, neskaidrumas grįš iki 100%.
Į optionalveikia visose klasių elementų tipas: teksto įvesties visų tipų, radijo mygtukus, žymės langelius, ir pasirenka.
Pastaba: naudojant CSS negalima žinoti tik to, kad etiketė susieta su pasirinktiniu lauku, nebent etiketėje yra po įvesties (o jūs naudojate brolių ir seserų kombinatorių), o tai yra retai ir paprastai nėra gera idėja. Galbūt ateityje tai gali padėti tėvai.
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| 10+ | 5+ | 4+ | 10+ | 10+ | Bet koks | 5+ |
Atminkite, kad :optionaltai nėra tikslus prieštaravimas, :not(:required)nes pastarasis atitiks visų tipų elementus, o :optionalbus apribotas formos elementais.