Pseudoklasa :default CSS

Definicja i zastosowanie

CSS :default Pseudoklasa używana do wyboru domyślnego elementu formularza w zbiorze powiązanych elementów.

Ten pseudoklasa może być używana dla elementów <button>, <input type="checkbox">, <input type="radio"> i <option>.

Przykład

Przykład 1

Dodaj czerwony cień do domyślnych elementów wejściowych:

input:default {
  box-shadow: 0 0 2px 2px czerwony;
}

Spróbuj sam

Przykład 2

Ustaw różne domyślne style dla przycisków wyboru, pól wyboru i opcji:

input[type=radio]:default {
  box-shadow: 0 0 5px 3px niebieski;
}
input[type=checkbox]:default {
  box-shadow: 0 0 5px 3px czerwonawy;
}
option:default {
  color: niebieski;
  background-color: różowy;
}

Spróbuj sam

Gramatyka CSS

:default {
  deklaracje css;
}

Szczegóły techniczne

Wsparcie przeglądarki

Tabela liczby określa pierwszą wersję przeglądarki obsługującą ten pseudoklasę w pełni.