стилизация div с помощью contenteditable = «false»

#html

#HTML

Вопрос:

Следующий оператор никогда не менял цвет фона 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»?

Комментарии:

1. Совет: в подобных случаях поместите временный border: solid 1px red элемент, который вы пытаетесь стилизовать, это покажет, что их высоты разные.

Ответ №1:

В вашем первом примере для div задан цвет фона … но у него есть height: auto (по умолчанию) и нет содержимого, чтобы auto разрешить что-либо большее 0 . Это не оставляет видимых пикселей для рисования фона.

Версия contenteditable получает подразумеваемую минимальную высоту для первой строки содержимого, которую пользователь может ввести.