: vaikimisi - CSS-trikid

Anonim

:defaultPseudo valija sobitada vaikimisi grupp seotud elemente, nagu raadionupp rühma nuppe, mis on vaikimisi valitud, isegi kui kasutaja on valinud erineva väärtusega.

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

Ülaltoodud CSS sihib silti, mis tuleb kohe pärast vaikevalitud raadionuppu raadionuppude rühmas:

  • punane
  • roheline
  • sinine

Rohelise raadionupu sildile järgneb toetavas brauseris hallis ja kursiivis tekst „(vaikimisi)”.

  • punane
  • roheline
  • sinine

Näideteks on nuppude grupis vaikimisi esitamisnupp, hüpikmenüü vaikevalik, raadionupp, millel on checkedHTML-is määratud atribuut (nagu on näha toetavates brauserites) ja vaikimisi märgitud ruudud.

Rohkem ressursse

  • Demo
  • MDN-i leht: vaikimisi
  • W3C CSS3 kasutajaliidese spetsifikatsioonid
  • W3C valijad 4. tase

Brauseri tugi

Erinevate brauserite tugi on erinev. Firefox pakub täielikku tuge. Veebikomplekti brauserid toetavad vaikimisi nuppe, kuid mitte raadiot ega märkeruute, ja Opera on vastupidine, toetades seda raadionuppudel ja märkeruutudel, kuid mitte esitamisel.

  • Opera toetab :defaultmärkeruute ja raadionuppe.
  • Veebikomplekti brauserid, sealhulgas Chrome ja Safari, toetavad :defaultnuppu Esita
  • Firefox toetab :defaultmärkeruutude, raadio JA sisendtüüpide esitamist.
  • Internet Explorer ei toeta :defaultmärkeruutu, raadiot ega sisendtüüpide esitamist.
Chrome Safari Firefox Ooper IE Android iOS
10 5 4 10 mitte ühtegi mitte ühtegi 5