角材料设置颜色原色，强调，警告

Question

我最近开始使用有角度的材料，我对如何为特定元素设置颜色有些困惑。我正在导入Angular主题indigo-pink.css作为测试器。

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

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

将正确的原色添加到按钮。

我还添加了2个不同的元素，一个跨度和一个席卡，如下所示。

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

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

谢谢

Answer 1

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

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