Селектор :read-write выбирает элементы, доступные для редактирования пользователем.
Редактируемые элементы включают:
- Элементы <input> и <textarea>, которые не являются read-only и disabled.
- Элементы, которые не являются <input> или <textarea> и имеют атрибут contenteditable.
Селектор :read-write работает по-разному в браузерах. То, что считается read-write в одном браузере, в другом будет read-only. В некоторых браузерах стиль может не применяться.
Версия
CSS3
Синтаксис
:read-write {
css declarations;
}Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
input{
margin-bottom:10px;
border:1px solid #ddd;
padding:5px;
}
input:-moz-read-only {
background-color: #ccc;
}
input:read-only {
background-color: #ccc;
}
</style>
</head>
<body>
<h2>Пример селектора :read-write</h2>
<form>
<div>
<label for="read-write">Example1</label>
<input value="read-write input" id="read-write">
</div>
<div>
<label for="read-only">Example2</label>
<input readonly value="read-only input" id="read-only">
</div>
</form>
</body>
</html>Поддержка браузера
|
|
|
|
|
|---|---|---|---|---|
| 36.0+ | 13.0+ | 3.0+ | 9.0+ | 23.0+ |
Практикуйте свои знания
Что верно о псевдоклассах :read-only и :read-write в CSS?
Правильный!
Неправильно!