Изменить цвет фона, когда происходит переполнение [дублировать] ⇐ Html

[Anonymous]

У меня есть страница, которая содержит статическую/максимальную высоту div. Div второго раздела моей страницы (id = "Middle") содержит поля Textarea для пользователей, чтобы предоставить ответ, и весь DIV ограничен высотой 3 дюйма (из -за этой формы напечатана на 8,5 "x11"). Мне бы хотелось, чтобы либо по всему цвету фона, введенного в Textarea, либо в Textarea, либо в Textarea, что содержимое этого Div переполняет. Любой, кто рассматривает мой запрос: < /p>
css < /p>

div {
border: 1px solid #CCC;
background-color: #FFF;
margin-bottom: 1rem;
padding: 1rem;
width: 8.5in;
max-height: 7in;
}

.static-section {
display: grid;
overflow: hidden;
max-height: 3in;
width: 7.5in;

* {
margin-top: .5rem;
margin-bottom: .5rem;
padding: .5rem;
}
}

textarea {
field-sizing: content;
}

< /code>
html: < /p>


HEADER




This section is locked at a max 3 inches. I want the background color to be red if the anything makes this section overflow.

When this information starts to go off the screen (i.e., enabling overflow - which the scrollbars are being hidden by the static-section class), I want the background color of this div to change. This will provide a visual indication that the provided response is too long.




FOOTER


< /code>
Если это возможно, я бы очень хотел, чтобы вся форма (id = "intry") имеет обновленный цвет фона (на светлый красный - от белого). Если это невозможно, я бы хотел, чтобы фон переполненного секции (id = "Middle") изменил цвет, когда происходит переполнение.

Подробнее здесь: https://stackoverflow.com/questions/795 ... low-occurs