html - 如何设置我的 mat-toolbar-row 以使其颜色为“主要”？

Question

我对角度相当陌生，尝试更改我的 mat-toolbar-row 使其颜色 =“primary”时遇到了一些麻烦。我不太确定如何使它工作，当我对 mat-toolbar 做了同样的事情但对行不起作用时它工作了。

mat-toolbar-row color = "primary">Menu</mat-toolbar-row>

这是我的代码。

我也无法将颜色更改为使用 angular 安装的默认粉红靛蓝主题的自定义颜色集。

Answer 1

如果您有 scss，您可以在“全局”styles.scss 的末尾设置样式

.mat-toolbar-row {background-color: yellow;}

更好的方法是定义一个“全局”类（在 styles.scss 中）：

.bg-color-whatever {background-color: yellow}

此类可以在 mat-toolbar-row 上设置：

<mat-toolbar-row class="bg-color-whatever">

这只是一个调整（hack），但它工作正常。

如果你想改变全局主题，你有两个可能性：

第一：您可以选择其他预定义的材质主题。

第二：您可以创建自己的主题。

更多信息可以在这里找到：主题