Pseudokelas read-write

Pseudokelas read-write menetapkan gaya untuk input yang nilainya boleh diubah.

Sintaks

selector:read-write {}

Mari kita tetapkan sempadan biru muda kepada input yang boleh menerima data:

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

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

pseudokelas :read-only,
yang menetapkan gaya untuk input yang tidak 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 :required,
yang menetapkan gaya untuk input yang mempunyai atribut required ditetapkan
pseudokelas :focus-within,
yang menetapkan gaya untuk elemen dalam fokus
properti caret-color,
yang menetapkan warna kursor teks dalam input