时间戳

首页 > 解决方案 > 如何更改 mdl 按钮的背景颜色？

javascript - 如何更改 mdl 按钮的背景颜色？

问题描述

有没有办法从 getmdl.io 的框架中更改 FAB 按钮的背景颜色？我已经尝试向按钮添加一个类名并更改背景颜色，但它不起作用。

标签： javascripthtmlcss

解决方案

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

例如，一个常规的 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>

推荐阅读