Angular material 2 Sidenav 阴影

Question

去除侧导航阴影的最佳方法是什么？

这里是 link 它的样子：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 和选择器并将其更改为所需值。

但我猜，你不会这样做。所以，另一种方法是瞄准欲望选择器并相应地改变它，如下所示，

演示 : 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;
}

Angular material 2 Sidenav 阴影

Angular material 2 Sidenav shadow

angular

angular-material2