自定义 style/class 的 Material2 MdMenu

Question

documentation 关于如何修改菜单的内容有点稀疏……要么是那样，要么我只是很密集。例如，我怎样才能将菜单的背景颜色更改为红色？

Answer 1

只需在 md-menu:

上使用 class 输入

app.component.html:

<button md-button [mdMenuTriggerFor]="moreMenu">Menu</button>
<md-menu #moreMenu="mdMenu" class="myMenu">
    <button md-menu-item>Item 1</button>
    <button md-menu-item>Item 2</button>
</md-menu>

styles.css（由于某些原因它在 styleUrls 中不起作用）：

.myMenu {
    background-color: red;
}

Plunker demo

顺便说一下，你要找的是这个：

自定义 style/class 的 Material2 MdMenu

Customize the style/class of a Material2 MdMenu

angular-material2