Den :defaultpseudo vælgeren vil matche standard i en gruppe af associerede elementer, såsom radioknappen i en gruppe af knapper, der er valgt som standard, selv om brugeren har valgt en anden værdi.
input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )CSS ovenfor målretter mod etiketten, der kommer umiddelbart efter den valgte standardknap i en gruppe af radioknapper:
- rød
- grøn
- blå
Den grønne radioknappes etiket efterfølges af teksten “(standard)” i grå, kursiv tekst i understøttende browsere.
- rød
- grøn
- blå
Eksempler inkluderer standardafsendelsesknappen i en gruppe af knapper, standardindstillingen fra en popup-menu, alternativknappen, der har checkedattributten indstillet i HTML (som det ses i understøttende browsere), og de afkrydsningsfelter, der som standard er markeret.
Flere ressourcer
- Demo
- MDN-side til: standard
- W3C CSS3 UI specifikationer
- W3C vælgere niveau 4
Browsersupport
Forskellige browsere har forskellige niveauer af support. Firefox yder fuld support. Webkit-browsere understøtter standard på knapper, men ikke på radio eller afkrydsningsfelter, og Opera er det omvendte og understøtter det på radioknapper og afkrydsningsfelter, men ikke på indsendelsen.
- Opera understøtter
:defaultafkrydsningsfelter og radioknapper. - Webkit-browsere, inklusive Chrome og Safari, understøtter
:defaultpå knappen Send - Firefox understøtter
:defaultafkrydsningsfelt, radio OG indsender inputtyper. - Internet explorer understøtter ikke
:defaultafkrydsningsfelt, radio eller indsender inputtyper.
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 10 | 5 | 4 | 10 | ingen | ingen | 5 |