Css 如何更改ngx滚动条的边框颜色

Css 如何更改ngx滚动条的边框颜色,css,angular,scrollbar,Css,Angular,Scrollbar,我的ngx滚动条的背景颜色有点问题。我无法更改背景颜色。我已尝试修改css文件,但此方法无效。我在这里留下一个stackblitz的例子 有人能帮我吗?。我记得,在angular中,这是一个命令,用于以绝对方式更改一个类,如下所示:“:ngclass”但我不确定。使用css,如下所示:- ng-scrollbar { --scrollbar-color: black; } 你是指滚动条的颜色还是滚动条容器的颜色?您可以通过修改以下变量来更改它 ng滚动条{ --滚动条颜色:黑色;/*滚动条

我的ngx滚动条的背景颜色有点问题。我无法更改背景颜色。我已尝试修改css文件,但此方法无效。我在这里留下一个stackblitz的例子


有人能帮我吗?。我记得,在angular中,这是一个命令,用于以绝对方式更改一个类,如下所示:“:ngclass”但我不确定。

使用css,如下所示:-

ng-scrollbar {
  --scrollbar-color: black;
}

你是指滚动条的颜色还是滚动条容器的颜色?您可以通过修改以下变量来更改它

ng滚动条{
--滚动条颜色:黑色;/*滚动条背景色*/
--滚动条拇指颜色:黄色;/*滚动条颜色*/
--滚动条拇指悬停颜色:红色;/*滚动条悬停颜色*/
--滚动条容器颜色:绿色;/*滚动条容器颜色*/
}

我已经修改了你的

我已经找到了可行的解决方案。使用下面的代码片段更改ngx完美滚动条的背景色(也处于悬停状态)

在css/scss中

::ng deep.scroll容器{
.ps\uu thumb-y、.ps\uu rail-y:hover>.ps\uu thumb-y{
背景色:#209e91;
}
}
在html中


...

检查下面我的答案。在您的示例中,如果打开home.css,您可以在那里看到示例。