Is there a way to apply a style class to mat-menu elements? I've tried various methods, but it seems like the styles are only visible when inspected using Chrome.
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 Inspect:
.mat-menu-content:not(:empty) {
padding-top: 8px;
padding-bottom: 8px;
background-color: green;
}