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

Berikut ini adalah contoh elemen yang tidak dapat dipilih menggunakan: read-only — ini adalah elemen yang tidak dapat dipilih menggunakan: read-write:

 

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.