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

seçici:read-only {
	
}

Örnek

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

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

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

Ayrıca bakınız

pseudo-sınıf :read-write,
değiştirilebilir inputların stilini belirler
pseudo-sınıf :default,
varsayılan olarak elementlerin stilini belirler
pseudo-sınıf :indeterminate,
belirsiz durumda olan anahtarların stilini belirler
pseudo-sınıf :optional,
required özelliği olmayan inputun stilini belirler
pseudo-sınıf :placeholder-shown,
ipucu metni görüntülendiğinde elementlerin stilini belirler
pseudo-sınıf :required,
required özelliği ayarlanmış inputun stilini belirler
pseudo-sınıf :focus-within,
odaklanmış elementlerin stilini belirler
özellik caret-color,
inputtaki metin imlecinin rengini belirler