Angular 角度材质自定义滚动条不工作

求救！！我已经尝试了很多方法来定制mat sidenav（侧抽屉/导航条，由角材料制成），但都不起作用。只有当我从chrome开发工具中删除不存在的div上的覆盖“over-flow:auto”时，它才起作用，我无法通过css应用这些更改，类的溢出属性总是变为auto。 我的模板

<mat-sidenav-container class="sidenav-container" (backdropClick)="drawer.close()">
     <mat-sidenav #drawer id="drawer" mode="side" class="sidenav" fixedInViewport 
      (keydown.escape)="drawer.close()"> 
      <mat-toolbar>
       ....
       </mat-toolbar>
       <mat-nav-list>
         ...... //scrollable content
       </mat-nav-list>
     </mat-sidenav>
  <mat-sidenav-content>
    <mat-toolbar color="none">
      ......
    </mat-toolbar>
  </mat-sidenav-content>
</mat-sidenav-container>

我将非常感谢您的帮助。需要删除screenshot div的“overflow:auto”属性。欢迎使用任何其他自定义mat sidenav的解决方案。

---

谢谢

如果要覆盖css属性，请在css文件中添加以下内容：

.mat-drawer-inner-container {
 overflow: hidden !important;
 }

如果这不起作用，请尝试在开始处，即类名之前添加

：：ng deep

PS：我已经使用溢出作为隐藏，你可以根据需要更改它

.mat-drawer-inner-container {
 overflow: hidden !important;
 }