How remove background from Angular Material Tree

Question

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;
}

Joosep Parts · Accepted Answer · 2022-03-28 10:59:52Z

1

Adding this to style.css should work.

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

answered Mar 28, 2022 at 10:59

Joosep Parts

6,3452 gold badges13 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

shourov_return0 · Accepted Answer · 2022-03-28 11:06:58Z

1

Use this...it's may working fine

  .mat-tree {
      background: transparent;
    }

answered Mar 28, 2022 at 11:06

shourov_return0

732 silver badges9 bronze badges

Comments

viltor · Accepted Answer · 2022-03-28 11:49:42Z

0

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;
}

answered Mar 28, 2022 at 11:49

viltor

3412 silver badges7 bronze badges

Collectives™ on Stack Overflow

How remove background from Angular Material Tree

library.component.scss

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

library.component.scss

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related