CSS псевдокласс :read-write

Значение и применение

В настоящее время, в большинстве браузеров, псевдокласс :read-write применяется только к элементам с атрибутом contenteditable html5 (элемент становится редактируемым), к элементам <input> и <textarea>, где атрибут readonly (только для чтения) отсутствует, независимо от того, отключены эти элементы или нет (присутствует атрибут disabled).

Поддержка браузерами

Селектор	Chrome	Firefox	Opera	Safari	IExplorer	Edge
:read-write	Да	-moz-	Да	Да	Нет	13.0

CSS синтаксис:

:read-write {
блок объявлений;
}

Версия CSS

CSS3

Пример использования

<!DOCTYPE html>
<html>
<head>
<title> Псевдоклассы :read-only и :read-write.</title>
<style type = "text/css"> 
p, input:read-only {
color: orange; 
}
p, input:-moz-read-only { /* Для лисы */
color: orange; 
}
input:read-write {
background-color: aliceblue; 
}
input:-moz-read-write { /* Для лисы */
background-color: aliceblue; 
}
</style>
</head>
<body>
<form>
<p contenteditable>Редактируемый абзац</p>
Имя: <input type = "text" value = "Boris" disabled><br><br>
Фамилия: <input type = "text" value = "Britva"><br><br>
Страна: <input type = "text" value = "Россия"readonly><br><br>
Город: <input type = "text" value = "Сочи"readonly>
</form><
</body>
</html>

CSS селекторы