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;
}