角度材料2 Sidenav阴影

时间:2017-01-19 03:16:41

标签: angular angular-material2

从侧边移除阴影的最佳方法是什么?

以下链接指向: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>

1 个答案:

答案 0 :(得分:0)

最好的方法是从 .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;
}