Den :defaultpseudoVäljaren kommer att matcha standard i en grupp av associerade element, såsom radioknappen i en grupp av knappar som är valt som standard, även om användaren har valt ett annat värde.
input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )CSS ovan riktar sig mot etiketten som kommer omedelbart efter den valda alternativknappen i en grupp av radioknappar:
- röd
- grön
- blå
Den gröna alternativknappens etikett kommer att följas av texten ”(standard)” i grå, kursiv text i stödjande webbläsare.
- röd
- grön
- blå
Exempel inkluderar standardknappen för inlämning i en knappgrupp, standardalternativet från en popup-meny, alternativknappen som har checkedattributet inställt i HTML-koden (som visas i stödda webbläsare) och kryssrutorna som standard är markerade.
Fler resurser
- Demo
- MDN-sida på: standard
- W3C CSS3 UI-specifikationer
- W3C väljare nivå 4
Webbläsarstöd
Olika webbläsare har olika nivåer av support. Firefox ger full support. Webkit-webbläsare stöder standard på knappar men inte på radio eller kryssrutor, och Opera är det omvända och stöder det på radioknappar och kryssrutor, men inte på inlämningen.
- Opera stöder
:defaultpå kryssrutor och alternativknappar. - Webkit-webbläsare, inklusive Chrome och Safari, stöd
:defaultpå knappen Skicka - Firefox stöder i
:defaultkryssrutan, radio OCH skickar inmatningstyper. - Internet explorer stöder inte i
:defaultkryssrutan, radio eller skickar inmatningstyper.
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 10 | 5 | 4 | 10 | ingen | ingen | 5 |