Pseudokelas read-only

Pseudokelas read-only menetapkan gaya untuk input dengan atribut readonly. Input sedemikian hanya bertujuan untuk dibaca, iaitu, adalah mustahil untuk memasukkan atau mengubah data di dalamnya, namun data boleh diserlahkan dan disalin.

Sintaks

pemilih:read-only {
	
}

Contoh

Mari kita tetapkan sempadan kelabu pudar kepada input yang hanya bertujuan untuk dibaca:

<p>
	<label>Masukkan teks</label>
	<input type="text">
</p>
<p>
	<label>Baca teks</label>
	<input type="text" value="text" readonly>
</p>

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

Lihat juga

pseudokelas :read-write,
yang menetapkan gaya untuk input yang boleh diubah
pseudokelas :default,
yang menetapkan gaya untuk elemen secara lalai
pseudokelas :indeterminate,
yang menetapkan gaya untuk penukar yang berada dalam keadaan tidak tentu
pseudokelas :optional,
yang menetapkan gaya untuk input yang tidak mempunyai atribut required
pseudokelas :placeholder-shown,
yang menetapkan gaya untuk elemen apabila teks petunjuk dipaparkan
pseudokelas :required,
yang menetapkan gaya untuk input yang mempunyai atribut required yang ditetapkan
pseudokelas :focus-within,
yang menetapkan gaya untuk elemen dalam fokus
properti caret-color,
yang menetapkan warna kursor teks dalam input