:defaultVolič pseudo bude odpovídat výchozí ve skupině spojených prvků, jako je přepínač ve skupině tlačítek, která je vybrána ve výchozím nastavení, a to iv případě, že uživatel zvolil jinou hodnotu.
input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )CSS výše zacílí na štítek přicházející bezprostředně po výchozím vybraném přepínači ve skupině přepínačů:
- Červené
- zelený
- modrý
Za štítkem zeleného přepínače bude následovat text „(výchozí)“ v šedých kurzívach v podporovaných prohlížečích.
- Červené
- zelený
- modrý
Mezi příklady patří výchozí tlačítko pro odeslání ve skupině tlačítek, výchozí možnost z rozbalovací nabídky, přepínač, který má checkedatribut nastavený v HTML (jak je vidět v podpůrných prohlížečích), a zaškrtávací políčka, která jsou ve výchozím nastavení zaškrtnuta.
Další zdroje
- Ukázka
- Stránka MDN na: výchozí
- Specifikace uživatelského rozhraní W3C CSS3
- Úroveň 4 selektorů W3C
Podpora prohlížeče
Různé prohlížeče mají různé úrovně podpory. Firefox poskytuje plnou podporu. Prohlížeče Webkit podporují výchozí nastavení u tlačítek, ale ne u rádia nebo zaškrtávacích políček a Opera je inverzní, podporuje ji u přepínačů a zaškrtávacích políček, ale ne u odesílání.
- Opera podporuje
:defaultzaškrtávací políčka a přepínače. - Prohlížeče Webkit, včetně Chrome a Safari, podporují
:defaulttlačítko Odeslat - Firefox podporuje
:defaulttypy zaškrtávacích políček, rádia a odesílání. - Internet Explorer nepodporuje
:defaulttypy zaškrtávacích políček, rádia ani odesílání vstupů.
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| 10 | 5 | 4 | 10 | žádný | žádný | 5 |