Пользовательская полоса прокрутки для таблицы материалов Angular без удаления стилей таблицы ⇐ CSS

[Гость]

Как предотвратить исчезновение стиля таблицы Angular Material, если пользовательская полоса прокрутки имеет прозрачный фон?

В настоящее время происходит следующее (я сделал полосу прокрутки очень широкой, чтобы увидеть проблему).





HTML:

CSS (пользовательская полоса прокрутки):

.container-list { переполнение: авто; высота: 500 пикселей; } .container-list::-webkit-scrollbar { ширина: 30 пикселей; высота: 8 пикселей; радиус границы: 30 пикселей; цвет фона: прозрачный } .container-list::-webkit-scrollbar-thumb { радиус границы: 30 пикселей; цвет фона: черный; } .container-list::-webkit-scrollbar-button, .container-list::-webkit-scrollbar-track, .container-list::-webkit-scrollbar-track-piece, .container-list::-webkit-scrollbar-corner, .container-list::-webkit-resizer { дисплей: нет; } .container-list::-webkit-scrollbar-track-piece:start { поле сверху: 450 пикселей; } Не отображать всю боковую панель — единственное решение, которое я нашел, но это не то, чего я хочу.
.container-list::-webkit-scrollbar { дисплей: нет; }