: numatytasis - CSS-gudrybės

Anonim

:defaultPseudo selektorius atitiks nutylėjimą daugelyje susijusių elementų, kaip antai radijo mygtuką mygtukų grupėje, kuri yra pasirinkta pagal nutylėjimą grupės, net jei vartotojas pasirinko kitą vertę.

input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )

Aukščiau pateiktas CSS nukreiptas į etiketę, esančią iškart po numatytuoju pasirinktu radijo mygtuku radijo mygtukų grupėje:

  • raudona
  • žalias
  • mėlyna

Po žaliąja radijo mygtuko etikete pilkas, kursyvu pažymėtas tekstas „(numatytasis)“ palaikomose naršyklėse.

  • raudona
  • žalias
  • mėlyna

Pavyzdžiai: numatytasis pateikimo mygtukas mygtukų grupėje, numatytoji parinktis iš iššokančiojo meniu, radijo mygtukas, kurio checkedatributas nustatytas HTML (kaip matyti palaikomose naršyklėse), ir žymės langeliai, kurie pagal numatytuosius nustatymus yra pažymėti.

Daugiau išteklių

  • Demonstracija
  • MDN puslapis: numatytasis
  • W3C CSS3 vartotojo sąsajos specifikacijos
  • W3C selektoriai 4 lygis

Naršyklės palaikymas

Skirtingos naršyklės palaiko skirtingai. „Firefox“ teikia visišką palaikymą. „Webkit“ naršyklės palaiko numatytuosius mygtukus, bet ne radijuje ar žymimuosiuose laukeliuose, o „Opera“ yra atvirkštinė, palaikanti jį radijo mygtukuose ir žymimuosiuose laukeliuose, bet ne pateikiant.

  • „Opera“ palaiko :defaultžymimuosius laukelius ir radijo mygtukus.
  • „Webkit“ naršyklės, įskaitant „Chrome“ ir „Safari“, palaiko :defaultpateikimo mygtuką
  • „Firefox“ palaiko :defaultžymimąjį laukelį, radiją IR pateikimo įvesties tipus.
  • „Internet Explorer“ nepalaiko :defaultžymimųjų langelių, radijo ar pateiktų įvesties tipų.
„Chrome“ „Safari“ „Firefox“ Opera T.Y „Android“ „iOS“
10 5 4 10 nė vienas nė vienas 5