Pseudo-sınıf read-only

Pseudo-sınıf read-only, readonly özelliğine sahip inputların stilini belirler. Böyle bir input sadece okuma için tasarlanmıştır, yani içine veri girmek veya değiştirmek mümkün değildir, ancak veriler seçilebilir ve kopyalanabilir.

Sözdizimi

cssseçici:read-only {
  
}

Örnek

Sadece okuma için tasarlanmış inputa soluk gri kenarlıklar ayarlayalım:

html<p>
  <label>Metin girin</label>
  <input type="text">
</p>
<p>
  <label>Metni oku</label>
  <input type="text" value="metin" readonly>
</p>

cssinput:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Ayrıca bakınız