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

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

Answer 1

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

例子：

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

希望这可以帮助！