Угловой двойной список изменения цвета полосы прокрутки трек

Question

Я использую AngularDualListBoxModule:

import { AngularDualListBoxModule } from 'angular-dual-listbox';

, и я хотел бы изменить цвет полосы прокрутки с синего на зеленый (рис. Выше).

Actual DualList

Фактический HTML-код

....

<dual-list [source]="mySrc" [(destination)]="xpto" 
  height="191px" [format]="format" key="id" display="nome"
  (destinationChange)="DoSomeThing($event)">
</dual-list>

....

Как я могу это сделать?

Ответ : использование Custom DualList ( ссылка на ) на основе angular-dual-listbox.

Теперь я могу использовать и настраивать пользовательский компонент в моих папках «общих» компонентов.

Answer 1

Самым простым (но, возможно, не самым правильным) способом было бы добавить что-то вроде:

В файл scss / css вашего компонента

::ng-deep :host scroll-bar-css-selector {
  background-color: green;
}

где полоса прокрутки-css-selector это css-селектор для этой полосы прокрутки.Конечно, этот стиль будет глобальным, но его селектор будет привязан к вашему компоненту, поэтому он будет влиять на полосы прокрутки только внутри вашего компонента.Надеюсь, это поможет.