: read-only adalah pemilih pseudo-class CSS yang cocok dengan elemen apa pun yang tidak cocok dengan: read-write selector.
Dengan kata lain, itu cocok dengan elemen yang tidak dapat diedit oleh pengguna. Elemen yang termasuk dalam kategori yang dapat diedit meliputi:
- <input> elemen (dari jenis apa pun) yang tidak hanya baca dan yang tidak dinonaktifkan. Ini berarti bahwa mereka tidak memiliki set atribut hanya baca, bukan atribut yang dinonaktifkan.
- <textarea> yang tidak hanya baca atau dinonaktifkan (mirip dengan input).
- Elemen lain apa pun yang bukan <input> atau <textarea>, dan yang memiliki set atribut yang dapat diedit.
Selektor pseudo-class read-only cocok dengan elemen apa pun yang bukan salah satu di atas.
Berikut ini adalah contoh elemen yang dapat dipilih menggunakan: read-only:
<input type="text" disabled> <input type="number" disabled> <input type="number" readonly> <textarea name="address" id="id" cols="50" rows="20" readonly> </textarea>
Berikut ini adalah contoh elemen yang tidak dapat dipilih menggunakan: read-only — ini adalah elemen yang tidak dapat dipilih menggunakan: read-write:
<input type="text"> <input type="number"> <textarea name="address" id="id" cols="30" rows="10"> </textarea>
Meskipun ini adalah perilaku yang direkomendasikan oleh spesifikasi, perilaku browser tampaknya berbeda — apa yang dianggap read-write di satu browser dianggap hanya baca di browser lain, dan oleh karena itu gaya yang kalian terapkan menggunakan: read-write mungkin tidak diterapkan di beberapa browser , dan gaya yang kalian terapkan menggunakan: read-only dapat diterapkan pada elemen yang harus cocok dengan: read-write.