如何更改mdl按钮的背景颜色?

Question

是否有办法从getmdl.io的框架改变FAB按钮的背景颜色?我已经尝试添加一个更多的类名按钮和改变背景颜色，但它不工作。

Answer 1

您可以通过简单地向列表中添加颜色类来重新为按钮上色，这将覆盖现有的颜色并使用您提供的颜色。

例如，一个常规的FAB按钮:

<!-- Colored FAB button -->
<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored">
<i class="material-icons">Some Text Here</i>
</button>

我们可以通过将颜色.mdl-color--amber-900添加到类列表中来插入它:

<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored mdl-color--amber-900">
<i class="material-icons">Some Text Here</i>
</button>