Contenteditable - 编辑时更改背景颜色

Question

使用contenteditable属性编辑元素时，我希望该元素的背景颜色改变颜色。例如，如果元素背景颜色为深灰色，我希望它在编辑元素时变为白色，然后在完成编辑时重置为深灰色。

Answer 1

您可以使用此CSS：

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

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

这是JSFiddle。

Answer 2

使用类似的东西。

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