:defaultSelektor pseudo dopasuje ustawienia domyślne w grupie elementów związanych, takich jak przycisk opcji w grupie przycisków, które jest domyślnie zaznaczone, nawet jeśli użytkownik wybrał inną wartość.
input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )Kod CSS powyżej dotyczy etykiety znajdującej się bezpośrednio po domyślnym przycisku opcji w grupie przycisków opcji:
- czerwony
- Zielony
- niebieski
Po etykiecie zielonego przycisku opcji pojawi się tekst „(domyślnie)” w szarym, pochylonym tekstem w obsługiwanych przeglądarkach.
- czerwony
- Zielony
- niebieski
Przykłady obejmują domyślny przycisk przesyłania w grupie przycisków, domyślną opcję z menu podręcznego, przycisk radiowy z checkedatrybutem ustawionym w kodzie HTML (jak widać w obsługujących przeglądarkach) oraz pola wyboru, które są domyślnie zaznaczone.
Więcej zasobów
- Próbny
- Strona MDN włączona: domyślnie
- Specyfikacje W3C CSS3 UI
- Selektory W3C Poziom 4
Wsparcie przeglądarki
Różne przeglądarki mają różne poziomy obsługi. Firefox zapewnia pełne wsparcie. Przeglądarki Webkit obsługują domyślnie przyciski, ale nie radio lub pola wyboru, a Opera jest odwrotna, obsługując ją na przyciskach opcji i polach wyboru, ale nie w przesyłaniu.
- Opera obsługuje
:defaultpola wyboru i przyciski opcji. - Przeglądarki Webkit, w tym Chrome i Safari, obsługują
:defaultprzycisk przesyłania - Firefox obsługuje
:defaulttypy wejściowe w polu wyboru, radiu ORAZ wysyłaniu. - Internet Explorer nie obsługuje
:defaulttypów pól wyboru, radia ani przesyłania.
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| 10 | 5 | 4 | 10 | Żaden | Żaden | 5 |