Pseudo-sınıf read-write

Pseudo-sınıf read-write, değerleri değiştirilebilir inputların stilini belirler.

Sözdizimi

cssseçici:read-write {}

Örnek

Veri girilebilir inputa mavi kenarlık ayarlayalım:

html<p>
  <label>Metin girin</label>
  <input type="text">
</p>
<p>
  <label>Salt okunur metin</label>
  <input type="text" value="metin" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Ayrıca bakınız

  • pseudo-sınıf :read-only,
    değiştirilemeyen inputların stilini belirler
  • pseudo-sınıf :default,
    varsayılan elementlerin stilini belirler
  • pseudo-sınıf :indeterminate,
    belirsiz durumdaki anahtarların stilini belirler
  • pseudo-sınıf :optional,
    required özniteliği olmayan inputun stilini belirler
  • pseudo-sınıf :required,
    required özniteliği belirlenmiş inputun stilini belirler
  • pseudo-sınıf :focus-within,
    odaktaki elementlerin stilini belirler
  • özellik caret-color,
    inputtaki metin imlecinin rengini belirler