Az :defaultálválasztó megegyezik az alapértelmezettel a társított elemek csoportjában, például az alapértelmezés szerint kiválasztott gombcsoportban a választógomb akkor is, ha a felhasználó más értéket választott.
input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )A fenti CSS megcélozza a címkét, amely közvetlenül az alapértelmezett választógomb után következik a választógombok csoportjában:
- piros
- zöld
- kék
A zöld választógomb címkéjét a támogató böngészőkben szürke (dőlt) szöveg („alapértelmezett”) követi.
- piros
- zöld
- kék
Ilyen például az alapértelmezett beküldés gomb egy gombcsoportban, az előugró menü alapértelmezett opciója, a választógomb, amelynek az checkedattribútuma a HTML-ben van beállítva (amint az a támogató böngészőkben látható), és az alapértelmezés szerint bejelölt jelölőnégyzetek.
További források
- Demó
- MDN oldal: alapértelmezett
- W3C CSS3 felhasználói felület specifikációk
- W3C szelektorok 4. szint
Böngésző támogatás
A különböző böngészők támogatási szintje eltérő. A Firefox teljes támogatást nyújt. A webkit böngészők alapértelmezés szerint támogatják a gombokat, de a rádiót vagy a jelölőnégyzeteket nem, az Opera pedig fordított, támogatja a rádiógombokon és a jelölőnégyzeteken, de a beküldésnél nem.
- Az Opera támogatja
:defaulta jelölőnégyzeteket és a rádiógombokat. - A webkit böngészők, köztük a Chrome és a Safari, támogatják
:defaulta beküldés gombot - A Firefox támogatja
:defaulta jelölőnégyzetet, a rádiót és a beküldési típusokat. - Az Internet Explorer nem támogatja
:defaulta jelölőnégyzetet, a rádiót és a bemeneti típusokat.
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| 10. | 5. | 4 | 10. | egyik sem | egyik sem | 5. |