Pseudokelas read-write

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

Sintaks

cssselector:read-write {}

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

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

cssinput: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