Angular - 在子组件的mat-list中的样式滚动条

Question

我不能在这个子组件中定位滚动条，我有一个mat-list和2个定义高度和overflow-y:auto的部分。

https://stackblitz.com/edit/angular-chtqjk-vdwwnd

在css文件中，在底部你有我所有的尝试目标2滚动条，找不到合适的选择器！

有人可以开导我吗？谢谢

Answer 1

以下似乎有效：

#visibilityContainer ::ng-deep ::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}

#visibilityContainer ::ng-deep ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.26) !important;
}

请注意，::webkit-scrollbar-track选择器必须与#visibilityContainer选择器分开，因为滚动条实际上​​不在该元素上。

Here is a fork of the StackBlitz

编辑：你需要确保你的thumb风格，如下：

#visibilityContainer ::ng-deep ::-webkit-scrollbar-thumb {
    background: blue; 
}