角材Sidenavコンポーネントはどのようにカスタマイズできますか？

Question

私は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を使用しようとしましたが、それは動作しません。

Answer 1

mode="side"は、背景を作成しません。

<md-sidenav mode="side" opened="true">Drawer content</md-sidenav> 

docs