覆盖角材料CSS

时间:2018-11-02 18:22:25

标签: angular sass angular-material

我想覆盖角材料垫列表的垫菜单面板的css。我不想使用:host / deep,因为它已被弃用。在CSS上使用!important也无济于事。如何覆盖有角度的材质CSS并编写自己的自定义CSS?

2 个答案:

答案 0 :(得分:1)

我不确定您要覆盖的内容确切是什么,您的问题在这方面不是很明确。

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

  • 随着以下工作的进行,您将需要更加具体地说明自己的目标 正在使用!important来诊断问题。

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

答案 1 :(得分:0)

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

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