覆盖角度材料 css

Question

我想覆盖角材质 mat-list 的 mat-menu-panel 的 css。我不想使用 :host/deep ，因为它已被弃用。在 css 上使用 !important 也无济于事。如何覆盖角度材质 css 并编写自己的自定义 css？

Answer 1

我不确定你想要覆盖什么，你的问题在这方面不是很具体。

例如，下面的示例将覆盖 mat-menu-item 字体颜色。

• 由于以下内容有效，您需要更具体地了解您的内容 正在使用 !important with 来诊断问题。

  .mat-menu-item {
    color:red !important;
  }
  

Answer 2

您可以访问角度材料属性以嵌套方式覆盖。

.mat-menu{
    .mat-menu-item{
    //your required css here
    }
}