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

Question

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

谢谢，

Answer 1

是的，你可以，你需要使用css颜色助手类。

Materialize-Color

注意：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;
}