按钮恢复为预编程的伪类颜色CSS

Question

我能够成功更改按钮的背景颜色（红色）及其文本颜色（黄色），但由于某种原因，它恢复为蓝色背景和白色文本。

这是我的CSS代码：

.btn-primary {
    background-color: red; 
    color: #ffff00; 
}

.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus,
.btn-primary:link {
    background-color: red; 
    color: #ffff00; 
}

.btn-primary:hover {
    background-color: yellow; 
    color: #ffff00; 
}

Answer 1

尝试在声明的末尾添加!important，如下所示：

background-color: yellow

变为

background-color: yellow !important