: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 | ○ |