改变Button＆amp;的颜色。 Zurb基金会的淡化效果

Question

我正在使用Zurb Foundation，我的问题非常简单，如何更改按钮的颜色，如此<a href="#" class="button [radius round]">Text</a>

现在，我知道有一种方法可以通过这样做来改变背景颜色，<a href="#" class="button [radius round]" style="background-color: #3871be">Button Text</a>，但是当我这样做时，当我将鼠标悬停在按钮上时，我将淡入淡出效果调整为更暗的颜色，怎么做我得到了更暗的褪色效果？

Answer 1

好的，这里要回答我自己的问题，把它放在我的CSS中

.button.custom {
    background-color: #88643d;
}
.button.custom:hover,
.button.custom:focus {
    background-color: #6d5031;
}

这就是诀窍:)。