Всем привет. Сегодня поговорим про псевдоклассы read only и read write .

CSS3 псевдоклассы read only и read write.

Всем привет. Сегодня поговорим про псевдоклассы read only и read write.

Read Only

Псевдокласс read only служит для описания стилей для тех элементов, для которых установлен атрибут read only.

<input type="text" readonly>

CSS

input:read-only {
  background: green;
  color: #ccc;
}

Read Write

Псевдокласс read write служит для того, чтобы описать стили элементам, которые доступны только для чтения или записи.

input:read-write {
  background: yellow;
}

Т.е. применяться данный стиль будет ко всем элементам input, у которых не установлен атрибут readonly.

Итак, вот такие простые, но полезные псевдоклассы. Спасибо за внимание.