当定义了背景颜色时，为什么css按钮的背景颜色在悬停时不会改变？

Question

我有2个按钮，可以在悬停时更改背景颜色。鬼按钮之所以这样做，是因为它没有定义背景颜色，而全按钮保留了其原始颜色。

我通过在悬停状态和活动状态背景色中添加！important使其起作用，但是我认为这只是一个快速而肮脏的解决方案，必须有更好的方法吗？

.btn:hover,
.btn:active {
    background-color: #b05d14; 
}

.btn-full:link,
.btn-full:visited {
    background-color: #e67e22;
    border: 1px solid #e67e22;
    color: #fff;    
}

.btn-ghost:link,
.btn-ghost:visited {
    border: 1px solid #e67e22;
    color: #e67e22;
}