Twitter bootstrap 如何更改引导中悬停在表上方的悬停颜色？

我有一张“桌面悬停”类的桌子。默认的悬停颜色为白色/浅灰色。我如何改变这个颜色

我已经尝试通过在我的主要样式表中添加以下内容来覆盖默认值

.table-hover tbody tr:hover > th {
  background-color: #D1D119;
}

不幸的是，上述方法不起作用

请尝试一下：

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #color;
}

这对我很有用：

.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #eeeeea;
}

---

在我看来，这是最简单的方法，对我来说很有效

.table-hover tbody tr:hover td {
    background: aqua;
}

不确定为什么要将标题颜色更改为与行相同的悬停颜色，但如果这样做，则可以使用上述解决方案。如果您只是想试试：

.table-hover > tbody > tr.active:hover > th {
                background-color: #color;
            }

---

对我来说@pvskisteak5的答案造成了“闪烁效应”。要解决此问题，请添加以下内容：

            .table-hover tbody tr:hover,
            .table-hover tbody tr:hover td,
            .table-hover tbody tr:hover th{
                background:#22313F !important;
                color:#fff !important;
            }

---

HTML代码：

css代码表明：

将鼠标移到行上：

.table hover>thead>tr:hover

th的背景色将更改为#D119

th

同样的动作也会发生在车身上

.桌面悬停t车身tr：悬停t车身

---

这适用于通过grunt或其他一些任务运行程序编译的引导v4

您需要更改

$table hover bg

以设置悬停时的突出显示

$table-cell-padding:            .75rem !default;
$table-sm-cell-padding:         .3rem !default;

$table-bg:                      transparent !default;
$table-accent-bg:               rgba(0,0,0,.05) !default;
$table-hover-bg:                rgba(0,0,0,.075) !default;
$table-active-bg:               $table-hover-bg !default;

$table-border-width:            $border-width !default;
$table-border-color:            $gray-lighter !default;

---

与其更改默认的表悬停类，不如创建一个新类（另一个悬停）并将其应用于需要此效果的表

代码如下

.anotherhover tbody tr:hover td { background: CornflowerBlue; }

---

这是到目前为止我能给出的最好的解决方案。它在这样的场景中运行得非常好。例如，请尝试Bootstrap的

。要实现的table hover

类

<table class="table table-hover">
  ...
</table>

...

一些解释将有助于更好地理解您的答案。为什么需要

td

？（对不起，我在css方面一文不值，正在努力学习）@AlexanderDerck我想这可能有点晚了，但是td是需要的，因为它在dom的下一行，如果已经有一个背景应用于td，那么你将看不到该行的背景，因为它将在该行之后绘制。如果它不适合你，添加背景色：#颜色！重要的对于任何使用npm在这个问题上遇到障碍的人，它实际上是等等，而不是

$table bg-…

。我以为我快要发疯了

.table-hover tbody tr:hover td {
    background: aqua;
}

<table class="table table-hover">
  ...
</table>

.table-hover tbody tr:hover td {
    background: #ffffff;
}