:defaultPseudo valitsin täsmää oletuksena ryhmä liittyvien elementtien, kuten radio-painiketta ryhmässä painikkeita, jotka on valittu oletuksena, vaikka käyttäjä on valinnut eri arvo.
input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )Yllä oleva CSS kohdistaa tarran, joka tulee heti oletuksena valitun valintanapin jälkeen ryhmässä radiopainikkeita:
- punainen
- vihreä
- sininen
Vihreän valintanapin otsikkoa seuraa teksti "(oletus)" harmaalla, kursivoidulla tekstillä tukevissa selaimissa.
- punainen
- vihreä
- sininen
Esimerkkejä ovat oletuslähetyspainike painikeryhmässä, oletusasetus ponnahdusvalikosta, valintanappi, jonka checkedmääritteeksi on määritetty HTML-koodi (kuten tuetuissa selaimissa näkyy), ja valintaruudut, jotka oletuksena on valittu.
Lisää resursseja
- Demo
- MDN-sivu: oletus
- W3C CSS3 -käyttöliittymän tekniset tiedot
- W3C-valitsimet, taso 4
Selaimen tuki
Eri selaimilla on erilainen tuki. Firefox tarjoaa täyden tuen. Webkit-selaimet tukevat oletusasetuksia painikkeissa, mutta eivät radiossa tai valintaruuduissa, ja Opera on käänteinen, mikä tukee sitä valintanäppäimissä ja valintaruuduissa, mutta ei lähetyksessä.
- Opera tukee
:defaultvalintaruutuja ja valintanappeja. - Webkit-selaimet, mukaan lukien Chrome ja Safari, tukevat
:defaultlähetyspainiketta - Firefox tukee
:defaultvalintaruutu-, radio- ja lähetystyyppejä. - Internet Explorer ei tue
:defaultvalintaruutuja, radiota tai lähetystyyppejä.
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 10 | 5 | 4 | 10 | ei mitään | ei mitään | 5 |