Pseudo-class default

Pseudo-class default mengatur gaya satu elemen dari grup yang memiliki tipe secara default. Elemen-elemen ini harus berada di dalam tag induk <form>.

Sintaks

cssselector:default {
  
}

Contoh

Contoh tipe default adalah atribut type dengan nilai submit. Mari kita atur untuk salah satu tombol ini dengan latar belakang biru:

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

Результат:

Lihat juga

  • pseudo-class :fullscreen,
    yang mengatur gaya elemen dalam mode layar penuh
  • pseudo-class :in-range,
    yang mengatur gaya elemen dengan rentang nilai yang ditentukan
  • pseudo-class :invalid,
    yang mengatur gaya input yang diisi dengan nilai yang salah
  • pseudo-class :optional,
    yang mengatur gaya input yang tidak memiliki atribut required
  • pseudo-class :out-of-range,
    yang mengatur gaya elemen yang nilainya berada di luar rentang
  • pseudo-class :focus-within,
    yang mengatur gaya elemen dalam fokus