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

CSS селекторы

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

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

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

СелекторChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
:read-writecss3Да -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>
Пример использования псевдоклассов :read-only и :read-write.
Пример использования псевдоклассов :read-only и :read-write.
CSS селекторы