:defaultSelectorul pseudo va potrivi implicit într - un grup de elemente asociate, cum ar fi butonul radio dintr - un grup de butoane , care este selectată în mod implicit, chiar dacă utilizatorul a selectat o valoare diferită.
input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )CSS de mai sus vizează eticheta care vine imediat după butonul radio selectat implicit dintr-un grup de butoane radio:
- roșu
- verde
- albastru
Eticheta butonului radio verde va fi urmată de textul „(implicit)” în text gri, cursiv în browserele suportate.
- roșu
- verde
- albastru
Exemplele includ butonul de trimitere implicit dintr-un grup de butoane, opțiunea implicită dintr-un meniu pop-up, butonul radio care are checkedatributul setat în HTML (așa cum se vede în browserele de suport) și casetele de selectare care sunt bifate implicit.
Mai multe resurse
- Demo
- Pagina MDN activată: implicită
- Specificații W3C CSS3 UI
- Selectoare W3C Nivelul 4
Suport pentru browser
Browsere diferite au niveluri diferite de suport. Firefox oferă suport complet. Browserele Webkit acceptă implicit butoanele, dar nu și radioul sau casetele de selectare, iar Opera este inversul, acceptându-l pe butoanele radio și casetele de selectare, dar nu și la trimitere.
- Opera acceptă
:defaultcasetele de selectare și butoanele radio. - Browserele Webkit, inclusiv Chrome și Safari, acceptă
:defaultbutonul de trimitere - Firefox acceptă
:defaultcasetele de selectare, radio ȘI trimite tipuri de intrare. - Internet Explorer nu acceptă
:defaultcasetele de selectare, radio sau tipurile de intrare trimise.
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 10 | 5 | 4 | 10 | nici unul | nici unul | 5 |