设置Angular材质卡标题的背景颜色

Question

They are using it throughout the documentation，但是我自己找不到如何为标题添加颜色的方法。

我认为有一种方法可以获取完全排空的彩色接头，而不必从卡上除去填充物。 mat-card-title-group也停留在卡片填充内。

<mat-card>
    <mat-card-title>Notes</mat-card-title>
    <mat-card-content>
        ...
    </mat-card-content>
</mat-card>

我还有其他组件要看吗？

ps：我发现有关角度1的原始角度材料的问题，但没有发现2+的问题。

Answer 1

渲染的mat-card-header如下：

<mat-card-header _ngcontent-c22="" class="mat-card-header">
   ...
</mat-card-header>

因此您可以通过以下方式从其组件中定位：

.mat-card-header {
  background-color: red;
}

或通过其父组件使用：

::ng-deep .mat-card-header {
  background-color: red;
}

（您应避免父母的样式元素。）

---

编辑： 正如您在评论中所说，如果要删除填充，可以添加：

.mat-card {
   padding: 0; 
}