Angular 双列表更改滚动条轨道颜色

Question

我正在使用 AngularDualListBoxModule：

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

我想将滚动条颜色从蓝色更改为绿色（上图）。

实际 DualList

实际的html代码

....

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

....

我怎样才能做到这一点？

答案：使用基于 angular-dual-listbox 的自定义 DualList（链接到）。

现在我可以在“共享”组件文件夹中使用和配置自定义组件。

Answer 1

最简单（但可能不是最正确）的方法是添加以下内容：

在组件的 scss/css 文件中

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

其中 scroll-bar-css-selector 它是该滚动条的 css 选择器。 当然，该样式将是全局的，但其选择器将绑定到您的组件，因此它只会影响组件内部的滚动条。 希望有帮助。

Answer 2

如何将按钮删除并添加为绿色