Angular Material 将原色添加到 Div

【问题标题】：Angular Material adding the primary color to a DivAngular Material 将原色添加到 Div
【发布时间】：2018-03-28 06:13:47
【问题描述】：

我正在使用Angular Material 2，我正在尝试将原色添加到 div。

这就是我所做的：

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

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

【问题讨论】：

添加类名不会做任何事情。您需要添加相应的 css 来应用这些样式。
我试过 color="primary" 但它什么也没做
Angular Material 没有为此类行为提供通用类。查看material.angular.io/guide/theming-your-components

标签： javascript angular angular-material

【解决方案1】：

没有办法在非材质元素上使用color 属性（并非所有 Angular Material 元素都支持它）。但是你可以遵循一个小技巧：导入一个调色板并将颜色存储到 SASS/LESS 中的变量中，所以当你改变当前的调色板时——这个颜色也会改变。这是一步一步的精彩解释：https://stackoverflow.com/a/46760925/6053654

【讨论】：

哦，很酷，随便浏览一下，看到一个我发布的作品被转发给其他人：D 希望对 OP 有所帮助