如何自定义 Angular Material Sidenav 组件？

我正在使用 Angular 4 和 Angular Material 进行聊天，并且我正在尝试在 sidenav 上显示一些信息。我正在使用来自 Angular Material 的 sidenav，但我愿意自定义样式并消除 sidenav 打开时出现的阴影。

在styles.css文件中我试过这个：

.mat-sidenav-transition .mat-sidenav-backdrop.mat-sidenav-shown {
    transition: background-color .4s cubic-bezier(.01,.1,.25,1); 
    background-color: transparent;

}
.mat-sidenav-backdrop.mat-sidenav-shown {
    background-color: transparent;
}

我也尝试使用，::ng-deep但它不起作用。