полоса прокрутки элемента textarea закрывает границу

Question

Я пытаюсь добавить цвет границы для текстовой области, когда символы больше 4000, однако полоса прокрутки отображается поверх границ текстовой области. Этот зеленый цвет границы появляется только при нажатии на область текста, но я не могу найти никакого свойства focus в CSS. Есть идеи как это исправить?

Я попытался добавить верхние границы на полосу прокрутки, но это не сработало. В проекте используется начальная загрузка.

Answer 1

Вы можете использовать для стиля фокусировки

textarea:focus {
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
}

Также посмотрите пример для более ясного https://stackblitz.com/edit/angular-textarea