Angular Material向Div添加主要颜色

Question

我正在使用Angular Material 2，并尝试将主要颜色添加到一个div中。

这是我所做的:

<div class="myDiv background-primary-color white-text">This is a Div</div>

我遇到的问题是，它没有添加任何颜色。

- user8770372

---

添加类名不会有任何作用。您需要添加相应的CSS来应用这些样式。 - Will Howell

我尝试了color="primary"，但是没有任何效果。 - user8770372

Angular Material不提供用于此类行为的通用类。请访问https://material.angular.io/guide/theming-your-components。 - Will Howell

Answer 1

非 Material 元素上没有办法使用 color 属性（并且不是所有 Angular Material 元素都支持它）。但你可以采用一个小技巧：导入一个调色板并将颜色存储到 SASS/LESS 变量中，这样当你更改当前调色板时，这个颜色也会改变。以下是一篇逐步解释的精彩文章：https://dev59.com/w1YN5IYBdhLWcg3w4bhS#46760925

- P.S.

---

哦，太酷了，随便浏览时看到我发布的解决方法被转发给其他人:D 希望它能帮助到原帖作者。 - Cacoon