使用Zurb Foundation更改Button&Fade Effect的颜色

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;
}

这就是诀窍:)