AngularJS材质设计:活动标签的不同颜色(使用主题颜色)

时间:2018-06-18 19:02:44

标签: css angularjs angularjs-material

与下面引用的问题类似,我尝试使用主题颜色设置活动标签标签的背景和前景色。我主要期望引用CSS中的主题颜色标识符不起作用。有没有正确的方法呢?
AngularJS Material Design : Different colors for different tabs in md-tabs

工作的:

.md-tab.md-active
{
   background: green;
}

不起作用:

.md-tab.md-active
{
   background: accent;
}

md-colors指令适用于html标记中的任一值,但它们不适用于我想要的md-tabs或md-tab的特定部分:

<div md-colors="{color: 'accent', background: 'green'}">My Text</div>

我正在尝试做的是避免在CSS中硬编码恰好是重音(或可能是主要)的颜色。我想有一种方法可以以编程方式确定重音/主要的颜色,然后应用颜色。我还没弄明白。

1 个答案:

答案 0 :(得分:0)

我认为问题在于您正试图将颜色设置为“重音”。这不是一种颜色。作为变量,它在Angular指令中起作用,但不是vanilla css。