Den :defaultpseudo Velgeren vil samsvare med standard i en gruppe tilknyttede elementer, slik som radioknappen i en gruppe av knapper som er valgt som standard, selv om brukeren har valgt en annen verdi.
input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )CSS ovenfor retter seg mot etiketten som kommer umiddelbart etter standard valgt radioknapp i en gruppe radioknapper:
- rød
- grønn
- blå
Den grønne alternativknappens etikett blir fulgt av teksten “(standard)” i grå, kursiv tekst i støttende nettlesere.
- rød
- grønn
- blå
Eksempler inkluderer standardinnsendingsknappen i en gruppe knapper, standardalternativet fra en popup-meny, alternativknappen som har checkedattributtet satt i HTML-en (sett i støttende nettlesere), og avmerkingsboksene som er merket av som standard.
Flere ressurser
- Demo
- MDN-side på: standard
- W3C CSS3 UI spesifikasjoner
- W3C velgerne nivå 4
Nettleserstøtte
Ulike nettlesere har forskjellige nivåer av støtte. Firefox gir full støtte. Webkit-nettlesere støtter standard på knapper, men ikke på radio eller avkrysningsruter, og Opera er det omvendte, og støtter det på radioknapper og avkrysningsruter, men ikke på innsendingen.
- Opera støtter
:defaultpå avkrysningsruter og radioknapper. - Webkit-nettlesere, inkludert Chrome og Safari, støtter
:defaultpå send-knappen - Firefox støtter
:defaulti avmerkingsboks, radio OG sender inn inngangstyper. - Internet explorer støtter ikke
:defaulti avkrysningsrute, radio eller sender inn inngangstyper.
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| 10 | 5 | 4 | 10 | ingen | ingen | 5 |