您可以轻松更改 Materialise 中的芯片颜色吗？

【问题标题】：Can you easily change the Chip color in Materialize?您可以轻松更改 Materialise 中的芯片颜色吗？
【发布时间】：2017-07-30 17:01:21
【问题描述】：

我想在 Materialize 的视图中动态设置芯片颜色，但在文档中没有看到任何具体的内容。有简单的方法吗？如果没有，有计划吗？

谢谢，

【问题讨论】：

【解决方案1】：

可以，您需要使用 css 颜色辅助类。

注意：Materialize 将 jquery 作为依赖项，因此我给出 jquery 答案：

假设你有这样的html：

<div id='testChip' class="chip">
    Tag<i class="close material-icons">close</i>
</div>

以下 JS 将改变芯片颜色（针对那个芯片）：

$('#testChip').addClass("teal");

对于所有筹码：

$('.chip').addClass('teal');

如果辅助类颜色不适合您的需要，请创建您自己的颜色辅助并遵循与上述相同的原则：

.myBlackColor {
    background-color: #000;
}

【讨论】：