css - Angular Material 设置颜色 primary, accent, warn

Question

我最近开始使用棱 Angular Material ，但我对如何为特定元素设置颜色感到有些困惑。我正在导入 Angular 主题 indigo-pink.css 作为测试人员。

当使用垫子按钮时，我有以下内容

<button mat-flat-button color="primary">Test</button>

为按钮添加正确的原色。

我还添加了 2 个不同的元素，一个 span 和一个 mat-card，如下所示。

<span color="primary">Test Span</span>
<mat-card color="primary">Simple card</mat-card>

本质上，我希望它与按钮的颜色相同，但尚未实现。有没有一种方法可以包含这些元素以包含原色，而无需手动将其添加到 css 中？

谢谢

Answer 1

我会选择是和否。因为 span 或 mat-card 本身不支持 color 属性。但是通过创建一个新的属性指令，您基本上可以扩展它们的行为。

我创建了一个非常基本的指令 sample ，您基本上可以根据需要扩展它。