How remove background from Angular Material Tree-CodePudding

I've tried to remove the background of my material tree but nothing seems to actually be working.

I want to maintain the background image, the background image is from the mat-sidenav-container the library.component is rendered on the mat-sidenav-content.

library.component.scss

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

CodePudding user response：

Adding this to style.css should work.

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

CodePudding user response：

Use this...it's may working fine

  .mat-tree {
      background: transparent;
    }

CodePudding user response：

If you just want to hide the background-color in a specific component, can add it to the component css instead overwrite the mat-tree background-color for all the project.

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