html - 使用 contenteditable = "false"对 div 进行样式设置

Question

以下语句从未改变 div 的背景颜色，

<div id="msg" contenteditable="false" style=" background-color: aqua;"></div>

如果我设置 contenteditable="true"那么它就可以工作，

<div id="msg" contenteditable="true" style=" background-color: aqua;"></div>

如何设置 contenteditable="false"样式？

Answer 1

在您的第一个示例中，背景颜色 是 为 div 设置...但它有 height: auto (默认)并且没有内容要制作 auto解决任何超过 0 的问题.这不会为要绘制的背景留下可见像素。
contenteditable 版本获取用户可以输入的第一行内容的隐含最小高度。