:read-write編集可能な要素にスタイルを適用する
:read-write 疑似クラスは、閲覧者が編集できる要素にスタイルを適用します。
例えば、input 要素や textarea 要素などの入力コントロールをはじめ、HTML Standard においては、グローバル属性である contenteditable 属性に true が付与されたすべての要素が「編集可能な要素」となります。
:read-writeのサンプルソース
div:read-write {
background-color: #fffde7;
border: 1px solid #dddddd;
}
主要ブラウザの対応
| IE11 | × |
|---|---|
| Edge（EdgeHTML） | ○ |
| Edge（Chromium） | ○ |
| Chrome | ○ |
| Firefox | ○ |
| Safari | ○ |
| iOS Safari | ○ |
| Android Chrome | ○ |