javascript - Contenteditable -- 編集時に背景色を変更

Question

contenteditable 属性を持つ要素を編集するときに、その要素の背景色の色を変更したい。たとえば、要素の背景色が濃い灰色の場合、要素の編集中に白に変更し、編集が完了すると濃い灰色にリセットする必要があります。

Answer 1

この CSS を使用できます。

[contenteditable="true"] {
    background-color: grey;
}

[contenteditable="true"]:focus {
    background-color: white;
}

これがJSFiddleです。

Answer 2

このようなものを使用してください。

[contenteditable]:focus {
    background: #fff;
}