材质2 md菜单如何更改仅一个菜单的背景颜色
问题描述:
我在多个位置使用md菜单,但仅在一个页面中菜单背景需要使用不同的颜色。材质2 md菜单如何更改仅一个菜单的背景颜色
当我尝试使用阴影穿孔(/deep/
或>>>
)执行操作时,它会影响应用程序中的所有其他md菜单。
下面是溢出的CSS:
>>> .mat-menu-content {
background: skyblue;
color: #FFFFFF;
}
我有这个Plunker演示我的问题。我在Form1中添加了上面的css菜单,但摘要页面中的菜单也受其影响。
如何更改仅用于Form1的md菜单的背景颜色?
答
您可以将类添加到您的菜单
>>> .my-menu .mat-menu-content {
background: skyblue;
color: #FFFFFF;
}
_
<md-menu #menu="mdMenu" [overlapTrigger]="false" class="my-menu">
答
添加类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>
哦当!感谢抓住我的错误:) – Nehal