Pseudokelas read-write

Pseudokelas read-write mengatur gaya input yang nilainya dapat diubah.

Sintaks

selector:read-write {}

Mari atur border biru muda pada input yang dapat dimasukkan data:

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

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

pseudokelas :read-only,
yang mengatur gaya input yang tidak dapat diubah
pseudokelas :default,
yang mengatur gaya elemen secara default
pseudokelas :indeterminate,
yang mengatur gaya pada toggle yang berada dalam status tidak tentu
pseudokelas :optional,
yang mengatur gaya input yang tidak memiliki atribut required
pseudokelas :required,
yang mengatur gaya input yang memiliki atribut required
pseudokelas :focus-within,
yang mengatur gaya pada elemen yang dalam fokus
properti caret-color,
yang mengatur warna kursor teks di input