button - 使用 Zurb Foundation 更改按钮和淡入淡出效果的颜色

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

成功了:)