: noklusējums - CSS-triki

Anonim

:defaultPseido atlasītājs atbilstu noklusējuma grupā saistīto elementu, piemēram, radio pogu grupā pogas, kas tiek izvēlēts pēc noklusējuma, pat tad, ja lietotājs ir izvēlējies citu vērtību.

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

Iepriekš CSS ir atlasīta iezīme, kas nāk uzreiz pēc noklusējuma izvēlētās radiopogas radio pogu grupā:

  • sarkans
  • zaļa
  • zils

Zaļās radiopogas etiķetei sekos teksts “(noklusējums)” pelēkā, kursīvā, atbalstošajās pārlūkprogrammās.

  • sarkans
  • zaļa
  • zils

Piemēri ietver noklusējuma iesniegšanas pogu pogu grupā, noklusējuma opciju uznirstošajā izvēlnē, radiopogu, kurai checkedHTML ir iestatīts atribūts (kā redzams atbalstošajās pārlūkprogrammās), un izvēles rūtiņas, kuras pēc noklusējuma ir atzīmētas.

Vairāk resursu

  • Demonstrācija
  • MDN lapa: noklusējums
  • W3C CSS3 lietotāja saskarnes specifikācijas
  • W3C selektori 4. līmenis

Pārlūka atbalsts

Dažādām pārlūkprogrammām ir atšķirīgs atbalsta līmenis. Firefox nodrošina pilnīgu atbalstu. Webkit pārlūkprogrammas atbalsta noklusējumu pogām, bet ne radio vai izvēles rūtiņām, un Opera ir apgrieztā versija, atbalstot to uz radio pogām un izvēles rūtiņām, bet ne uz iesniegšanu.

  • Opera atbalsta :defaultizvēles rūtiņas un radio pogas.
  • Webkit pārlūkprogrammas, tostarp Chrome un Safari, atbalsta :defaultiesniegšanas pogu
  • Firefox atbalsta :defaultizvēles rūtiņu, radio UN iesniegšanas ievades veidus.
  • Internet Explorer neatbalsta :defaultizvēles rūtiņu, radio vai iesniedz ievades veidus.
Chrome Safari Firefox Opera IE Android iOS
10 5 4 10 neviena neviena 5