如何从 Angular Material 树中删除背景

Question

我试图删除我的 material 树的背景，但似乎没有任何效果。

我要保留背景图，背景图是从mat-sidenav-container library.component 渲染到mat-sidenav-content.

library.component.scss

mat-tree-node {
    background-color: transparent !important;
}

Answer 1

将此添加到 style.css 应该有效。

.mat-tree {
    background-color: transparent !important;
}

Answer 2

使用这个...它可能工作正常

  .mat-tree {
      background: transparent;
    }
      

Answer 3

如果您只想隐藏特定组件中的 background-color，可以将其添加到组件 css 而不是覆盖所有项目的 mat-tree background-color .

::ng-deep .mat-tree {
    background-color: transparent;
}