Javascript Contenteditable--编辑时更改背景色

Javascript Contenteditable--编辑时更改背景色,javascript,html,css,Javascript,Html,Css,当编辑具有contenteditable属性的元素时,我希望该元素的背景色更改颜色。例如,如果元素背景颜色为深灰色,我希望它在编辑元素时变为白色,然后在编辑完成后重置为深灰色 使用类似的方法 [contenteditable]:焦点{ 背景:#fff; } 您可以使用以下CSS: [contenteditable="true"] { background-color: grey; } [contenteditable="true"]:focus { background-col

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

使用类似的方法

[contenteditable]:焦点{
背景:#fff;
}
您可以使用以下CSS:

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

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

这是你的建议。

谢谢你的帮助,蒂姆。