:read-only

Задаёт стили полям ввода, которые доступны только для чтения.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Секция статьи "Кратко"

Псевдокласс :read-only используется для задания стилей полям ввода только для чтения. Другими словами - данные в этом поле ввода пользователь не может изменить или удалить. Поле ввода при этом получает фокус, а данные в поле можно выделить и скопировать.

Как пишется

Секция статьи "Как пишется"

Псевдокласс :read-only применяется к тегам для ввода текста (<input> или <textarea>) с атрибутом readonly. Также может быть применён к html-тегам, для которых установлен атрибут contenteditable.
После селектора для поля ввода текста (<input> и <textarea>) или селектора с атрибутом contenteditable ставим двоеточие и пишем ключевое слово read-only.
В браузере Firefox :read-only поддерживается с префиксом -moz: :-moz-read-only.