相关疑难解决方法(0)

我正在尝试更改md-menu. 问题是 Angular Material 动态生成元素，我无法从我的 HTML 访问它们。

这是我的 DOM：

这是我的组件 HTML（md-menu生成那个 DOM）：

<md-toolbar color="primary">
  <h1>Logo</h1>
  <span class="spacer"></span>
  <img src="../../../images/avatar-default.png" class="avatar" [mdMenuTriggerFor]="userMenu" />

  <md-menu #userMenu="mdMenu">
    <button md-menu-item>{{username}}</button>
    <button md-menu-item>Log Out</button>
  </md-menu>
</md-toolbar>

我知道我可以使用 来div从全局样式中访问（在图片上选择的）.mat-menu-content {...}，但它会影响具有此类类的其他元素。而且我无法从组件 CSS 为这个 div 设置样式，因为该元素在组件范围之外。所以我试图找到从组件 CSS 更改此元素样式的方法，而不影响具有此类样式的其他元素。

如果有办法实现它，请告诉我。