Question

我无法在此子组件中定位滚动条，在该子组件中，我有一个mat-list和2个具有定义高度和overflow-y:auto的部分。

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

在css文件中，在底部，我尽一切努力将2个滚动条作为目标，找不到正确的选择器！

有人可以启发我吗？谢谢

Answer 1

以下内容似乎起作用：

SELECT LU.userid, 
       LU.email, 
       LU.phone_number, 
       COUNT(IFNULL(LRU.report_user_id),0) as report_count 
FROM lickr_users as LU
LEFT JOIN `lickr_report_user` as LRU ON LU.userid = LRU.report_user_id 
GROUP BY LU.userid, LU.email, LU.phone_number

请注意，#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选择器分开，因为滚动条实际上不在该元素上。

Here is a fork of the StackBlitz

编辑： 您还需要确保设置#visibilityContainer的样式，如下所示：

thumb

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

1 个答案: