自定义Material2 MdMenu的样式/类

时间:2017-09-09 20:32:09

标签: angular-material2

关于如何修改菜单,documentation有点稀疏......或者我只是密集。例如,我怎样才能将菜单的背景颜色更改为红色?

1 个答案:

答案 0 :(得分:3)

只需使用class上的md-menu输入:

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

顺便说一句,你要找的东西是:

<code>@Input('class') classList</code>