我失去了自定义按钮背景颜色的悬停效果

Question

如果我更改按钮背景的标准颜色，我将失去悬停效果。

<a class="waves-effect waves-light btn blue"  href="">button</a>
<a class="waves-effect waves-light btn" href=""><i class="material-icons left">cloud</i>button</a>
<a class="waves-effect waves-light btn" href=""><i class="material-icons right">cloud</i>button</a>

Answer 1

这是因为背景色属性现在 被您选择的新颜色覆盖。（在这种情况下，我使用蓝色 darken-3）。

最佳解决方案是为按钮创建另一个悬停伪class，并且不要忘记后缀!important

我失去了自定义按钮背景颜色的悬停效果

I lose hover effect on customize button background color

materialize