: zadani - CSS-trikovi

Anonim

:defaultSelektor pseudo će odgovarati zadano u grupi povezanih elemenata, kao što su radio gumb u grupi tipke koje se bira po defaultu, čak i ako je korisnik odabrao neku drugu vrijednost.

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

Gornji CSS cilja oznaku koja dolazi odmah nakon zadanog odabranog radio gumba u grupi radio gumba:

  • Crvena
  • zeleno
  • plava

Oznaku zelenog radio gumba slijedit će tekst "(zadano)" u sivoj boji, kurziv u podršnim preglednicima.

  • Crvena
  • zeleno
  • plava

Primjeri uključuju zadani gumb za slanje u grupi gumba, zadanu opciju iz skočnog izbornika, radio gumb koji ima checkedatribut postavljen u HTML-u (kao što se vidi u podržavajućim preglednicima) i potvrdne okvire koji su prema zadanim postavkama označeni.

Više resursa

  • Demo
  • MDN stranica na: zadano
  • W3C CSS3 UI specifikacije
  • W3C selektori razina 4

Podrška preglednika

Različiti preglednici imaju različite razine podrške. Firefox pruža punu podršku. Preglednici Webkit podržavaju zadane postavke na gumbima, ali ne i na radiju ili potvrdnim okvirima, a Opera je obrnuta, podržavajući ga na izbornicima i potvrdnim okvirima, ali ne i na pošalji.

  • Opera podržava :defaultpotvrdne okvire i radio gumbe.
  • Webkit preglednici, uključujući Chrome i Safari, podržavaju :defaultgumb za slanje
  • Firefox podržava :defaultpotvrdni okvir, radio I vrste ulaza.
  • Internet Explorer ne podržava :defaultpotvrdne okvire, radio ili vrste unosa.
Krom Safari Firefox Opera IE Android iOS
10 5 4 10 nijedna nijedna 5