Как мы уже рассматривали в предыдущих частях, есть разные способы запретить редактирование пользователем полей. Одним из таковых является установка атрибута readonly. Значение в данном случае доступно для чтения и копирования, но недоступно для редактирования.

В зависимости от этого параметра существует два селектора, которые позволяют выбирать каждую группу полей:

Селектор :read-only выберет все поля, доступные только для чтения.

Селектор :read-write выберет все поля без атрибута readonly, даже если у них есть атрибут disabled.

Пример записи:

input:read-only {}

В случае, если браузер не поддерживает такие селекторы, их можно заменить на аналогичные:

input[readonly] {} /* аналог :read-only */
input:not([readonly]) {} /* аналог :read-write */

Однако, обратите внимание, что input:not([readonly]) помимо доступных для редактирования текстовых полей выберет кнопки и другие нетекстовые поля input, например, input[type="submit"].