как изменить цвет простой панели в angular

Question

Я внедрил простую панель в моем angular приложении, как в этом демо .

Я попытался изменить цвет, следуя документации:

.simplebar-scrollbar::before {
  background-color: red;
}

Но это не сработало, есть ли другой способ изменить цвет?

Answer 1

Вы пытаетесь изменить стиль компонента от другого компонента. Или вы меняете глобальный стиль или стиль компонента следующим образом:

::ng-deep .simplebar-scrollbar::before {
  background-color: red !important;
}

Рабочий пример (изменение от глобального стиля): https://stackblitz.com/edit/simplebar-angular-demo-2hcxnj?file=src / styles. css