Pseudo-sınıf optional

Pseudo-sınıf optional, required özniteliği belirlenmemiş input'a stil belirler, yani bu pseudo-sınıf zorunlu olmayan input'lara uygulanır.

Sözdizimi

cssseçici:optional {

}

Örnek

Zorunlu olmayan input'a gri bir arka plan verelim:

html<form>
  <p>
    <label>Sayı girin</label>
    <input type="number" required>
  </p>
  <p>
    <label>Metin girin</label>
    <input type="text">
  </p>
</form>
cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

Ayrıca Bakınız

  • pseudo-sınıf :default,
    varsayılan öğelere stil verir
  • pseudo-sınıf :indeterminate,
    belirsiz durumdaki anahtarlara stil verir
  • pseudo-sınıf :placeholder-shown,
    ipucu metni görüntülendiğinde öğelere stil verir
  • pseudo-sınıf :read-only,
    değiştirilemeyen input'lara stil verir
  • pseudo-sınıf :required,
    required özniteliği belirlenmiş input'a stil verir
  • pseudo-sınıf :focus-within,
    odaklanmış öğelere stil verir
  • özellik caret-color,
    input'taki metin imlecinin rengini belirler