Question

我想在鼠标悬停时突出显示行（悬停）。我正在使用bootstrap并在桌面上使用他们的类table-striped，所以当我写css：

tbody {
  tr:hover {
    background-color: #ff0;
  }
}

它只会改变白色行的颜色，而不会改变其他行的颜色。不确定解决这个问题的最佳方法是什么。也许我可以以某种方式覆盖表条纹突出显示？我该怎么做？

Answer 1

尝试使用'table-hover'并覆盖这样的颜色..

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