使用css将全局样式应用于material.angular mat-card以设置背景颜色

Question

尝试全局更改material.angular.io mat-card的背景。

我将以下内容添加到styles.css中，但它不起作用。

mat-card {
  background:pink
}

Answer 1

您只需在css规则前面添加句点：

.mat-card {
    background: pink;
}

以下是使用Angular Material网站中的分叉示例进行播放的StackBlitz。