angular 项目中未显示阴影

Question

我刚开始使用 Angular，我正在尝试向垫卡块添加阴影，但它没有显示出来。

这是css：

.shadow { 
  box-shadow: 0 5px 10px 7px rgba(150, 70, 5, 5);
}

以及我尝试使用它的地方：

  <mat-card class="example-card shadow">

什么也没有出现。 今天早些时候我尝试了这个并且成功了，但是我在将 bootstrap 添加到我的项目时遇到了一些问题所以我选择了 L 并重新启动它，因为它并不复杂。但是这个特定的东西不再起作用了。可能是我错过了需要安装的东西吗？一些进口？我不知道

Answer 1

您可能正在覆盖样式表中的 .shadow CSS。所以让 box-shadow 变得重要

.shadow { 
  box-shadow: 0 5px 10px 7px rgba(150, 70, 5, 5)!important;
}