Pseudoklasa default

Pseudoklasa default ustawia styl jednemu elementowi z grupy, który ma typ domyślny. Te elementy muszą znajdować się wewnątrz rodzica tagu <form>.

Składnia

cssselektor:default {
  
}

Przykład

Przykładem typu domyślnego jest atrybut type z wartością submit. Ustawmy dla jednego z tych przycisków niebieskie tło:

html<form>
  <p>
    <label>Wpisz liczbę</label>
    <input type="number">
  </p>
  <p>
    <input type="submit">
    <input type="submit">
    <input type="reset">
  </p>
</form>
css:default {
  background-color:  #C2DDFD;
}

Результат:

Zobacz też

  • pseudoklasa :fullscreen,
    która ustawia styl elementom w trybie pełnoekranowym
  • pseudoklasa :in-range,
    która ustawia styl elementom z zadanym zakresem wartości
  • pseudoklasa :invalid,
    która ustawia styl inputowi, do którego wprowadzono nieprawidłową wartość
  • pseudoklasa :optional,
    która ustawia styl inputowi, który nie ma atrybutu required
  • pseudoklasa :out-of-range,
    która ustawia styl elementom, których wartości wykraczają poza zakres
  • pseudoklasa :focus-within,
    która ustawia styl elementom w fokusie