角度10：mat-elevation-z不适用于任何组件

问题描述

我在mat-toolbar e mat-card元素中使用了mat-elevation-z4类，但这根本不起作用。即使我不在这些元素中应用任何其他CSS。

版本：
Angular CLI：10.0.6
节点：10.14.2
操作系统：win32 x64
角度：10.0.9

该应用程序正在Chrome桌面中运行，而我也在Firefox中尝试过。

我用它来尝试修复：但是它仅在工具栏中起作用，并产生了其他错误：

.antiBug {
    position: relative;
    z-index: 2;    
}

我的垫卡：

<mat-card class="mat-elevation-z4">
    <mat-card-title class="title">Bem vindo!</mat-card-title>
    <mat-card-subtitle class="subtitle">
        Sistema para exemplificar a construção de um cadastro em Angular
    </mat-card-subtitle>
</mat-card>

我不想盲目安装较旧版本的Angular，以希望问题消失。

我该如何解决？

PS：巧合的是，在同一个项目中，我有一个材质按钮，并且它们的样式都起作用，除了“ mat-rised”按钮是“ 3D”之外。看来Angular在控制z-index时遇到了一些问题...

看看我的工具栏上的mat.elevation-z8类

在这里，和我的席卡一样

解决方法

我遇到了类似的问题，但事实证明，当我安装 Angular Material 时，它没有添加 "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css" 到我的 angular.json 样式部分，在构建部分内。

Style section of the angular.json file

添加此代码后，它工作正常！