CSS重置覆盖背景颜色

Question

我正在使用AdminLTE 2.3.8。它在悬停时会覆盖它的盒子标题按钮上的按钮背景，但我想在任何按钮上悬停时保持原始颜色。例如：

AdminLTE CSS：

.btn-default {
    background-color: #f4f4f4;
}
.box.box-solid>.box-header .btn.btn-default {
    background: transparent;
}
.btn-default:hover,
.btn-default:active,
.btn-default.hover {
    background-color: #e7e7e7;
}
.box.box-solid>.box-header .btn:hover,
.box.box-solid>.box-header a:hover {
    background: rgba(0,0,0,0.1);
}

我只是想在不编辑供应商的CSS的情况下摆脱这些.box.box-solid>...规则。有没有办法实现这一点而不复制每个按钮样式（有不同的颜色）？如果有，解决方案将非常受欢迎。

Answer 1

在您的样式中使用!important，这样任何其他供应商样式都不会与这些按钮发生冲突。

示例：

.btn.btn-default:hover {
  background-color: blue !important;
}

希望这有帮助！