材质2 md菜单如何更改仅一个菜单的背景颜色

我在多个位置使用md菜单，但仅在一个页面中菜单背景需要使用不同的颜色。材质2 md菜单如何更改仅一个菜单的背景颜色

当我尝试使用阴影穿孔（/deep/或>>>）执行操作时，它会影响应用程序中的所有其他md菜单。

下面是溢出的CSS：

>>> .mat-menu-content { 
     background: skyblue; 
     color: #FFFFFF; 
}

我有这个Plunker演示我的问题。我在Form1中添加了上面的css菜单，但摘要页面中的菜单也受其影响。

如何更改仅用于Form1的md菜单的背景颜色？

来源

2017-07-27 Nehal

您可以将类添加到您的菜单

>>> .my-menu .mat-menu-content { 
    background: skyblue; 
    color: #FFFFFF; 
}

<md-menu #menu="mdMenu" [overlapTrigger]="false" class="my-menu">

来源

2017-07-27 21:46:23

添加类MD-菜单

<md-menu #menu="mdMenu" [overlapTrigger]="false" class="my-menu"> 
     <button md-menu-item>Item 1</button> 
     <button md-menu-item>Item 2</button> 
     </md-menu>

您已经添加类MD-按钮

<button md-raised-button color="primary" [mdMenuTriggerFor]="menu" class="my-menu">Menu</button>

来源

2017-07-28 09:30:18

哦当！感谢抓住我的错误:) – Nehal

材质2 md菜单如何更改仅一个菜单的背景颜色

回答

相关问题