Angular JS - 如何覆盖 md-menu-content css答案

【问题标题】：Angular JS - How to overwrite md-menu-content cssAngular JS - 如何覆盖 md-menu-content css
【发布时间】：2019-03-22 00:58:16
【问题描述】：

我正在尝试将自定义样式添加到我的 md-menu -> md-menu-content

<md-menu md-position="target target">

    <md-menu-content width="4">

        <div>lorem</div>

    </md-menu-content>

</md-menu>

【问题讨论】：

您是否检查了开发者工具以查看它正在使用哪些类？
是的，似乎没有任何效果，我尝试了所有方法，除了添加一个 JS 类，就像你在这个例子中看到的那样 -> github.com/angular/material/issues/5267

【解决方案1】：

将以下内容应用于 codepen 示例的 CSS 会将菜单的 background-color 更改为红色。

md-menu-content {
    background-color:red;
}

用于测试上述 CSS 的基本用法代码笔示例

https://material.angularjs.org/latest/demo/menu#basic-usage

【讨论】：