Pseudosinif optional

optional pseudosinifi, required atributu təyin olunmamış input üçün üslub təyin edir, yəni bu pseudosinif məcburi olmayan inputlara şamil edilir.

Sintaksis

cssselektor:optional {

}

Nümunə

Gəlin məcburi olmayan inputa boz fon təyin edək:

html<form>
  <p>
    <label>Rəqəm daxil edin</label>
    <input type="number" required>
  </p>
  <p>
    <label>Mətn daxil edin</label>
    <input type="text">
  </p>
</form>
cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

Həmçinin bax

  • :default pseudosinifi,
    standart elementlərə üslub təyin edir
  • :indeterminate pseudosinifi,
    qeyri-müəyyən vəziyyətdə olan keçidlərə üslub təyin edir
  • :placeholder-shown pseudosinifi,
    istinad mətninin göstərildiyi elementlərə üslub təyin edir
  • :read-only pseudosinifi,
    dəyişiklik üçün əlçatan olmayan inputlara üslub təyin edir
  • :required pseudosinifi,
    required atributu təyin olunmuş inputa üslub təyin edir
  • :focus-within pseudosinifi,
    fokusda olan elementlərə üslub təyin edir
  • caret-color xassəsi,
    inputdakı mətn kursorunun rəngini təyin edir