Псевдокласс default

Псевдокласс default жөндөмдүү түрдөгү топтогу бир элементтин стилин аныктайт. Бул элементтер ата-эне <form> тегинин ичинде болушу керек.

Синтаксис

cssтандоочу:default {
  
}

Мисал

Жөндөмдүү түргө мисал катары type атрибутунун submit маанисин алууга болот. Бул баскычтардын бирине көгүш фон коёлу:

html<form>
  <p>
    <label>Санды киргизиңиз</label>
    <input type="number">
  </p>
  <p>
    <input type="submit">
    <input type="submit">
    <input type="reset">
  </p>
</form>
css:default {
  background-color:  #C2DDFD;
}

Результат:

Ошондой эле караңыз

  • псевдокласс :fullscreen,
    толук экран режиминдеги элементтерге стил берет
  • псевдокласс :in-range,
    берилген маанилер диапазонундагы элементтерге стил берет
  • псевдокласс :invalid,
    туура эмес маани киргизилген инпутка стил берет
  • псевдокласс :optional,
    required атрибуту жок инпутка стил берет
  • псевдокласс :out-of-range,
    диапазондун чегинен сырткары маанилери бар элементтерге стил берет
  • псевдокласс :focus-within,
    фокусталган элементтерге стил берет