角度材料2侧面影子

Question

什么是从sidenav中去除阴影的最佳方法？

这里是什么样子的链接：Link

这里是我的代码：

<md-sidenav-container class="windowFullHeight"> 

    <md-sidenav #start mode="side" opened="{{globalvariablesservice.SidebarValue()}}"> 
     <papp-sidebar></papp-sidebar> 
    </md-sidenav> 

    <div class="noMargin"> 
     <papp-topbar></papp-topbar> 
     <!--<papp-calendar-grid></papp-calendar-grid> Broken--> 
     <papp-ads class="vAlignBottom"></papp-ads> 
    </div> 

</md-sidenav-container> 

<div class="container"> 
    <papp-settings></papp-settings> 
</div> 

Answer 1

这样做是只找出适当.css或.scss的最佳方式文件从Angular2-material和选择器并将其更改为期望值。

但我想，你不会这样做。因此，其他的方式做的是针对渴望选择，并相应地改变它，如下图所示，

DEMO：https://plnkr.co/edit/K3aWIj8d0n4VGNBoGLDV?p=preview

styles.css的

md-sidenav.md-sidenav-opened, md-sidenav.md-sidenav-opening{ 
    box-shadow: 0 0 0 0 !important; 
}