我无法将样式类提供给材质菜单（Angular 2 +）

Question

我想将样式类设置为mat-menu。但是我已经尝试了所有方法，而且除非它在Chrome Inspect中，否则它似乎不会捡起来。

html

 <mat-menu class="matMenuColor" #menu="matMenu">
             <form #logoutForm ngNoForm action="{{logoutUrl}}" method="POST">
                <input type="hidden" name="token" value="{{token}}">
                <input type="hidden" name="goto" value="{{redirectUrl}}">
             </form>
</mat-menu>

css

.matMenuColor {
    background-color: green;
}

Chrome检查：

.mat-menu-content:not(:empty) {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: green;
}

Answer 1

最快的解决方案是使用:ng-deep

::ng-deep .matMenuColor {
  background: green;
}

但是您也可以尝试通过自定义theme.scss来更改它>

在这里您可以找到有关设置角材料的文档https://material.angular.io/guide/theming