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

时间:2019-10-07 10:19:38

标签: css angular angular-material angular-material2

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

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

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

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

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

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

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

谢谢

1 个答案:

答案 0 :(得分:0)

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

我创建了一个非常基本的指令sample,您基本上可以根据需要对其进行扩展。