css - 在可点击的表格行上添加突出显示（使用引导程序） - CSS

Question

我想在鼠标悬停（悬停）时突出显示行。我正在使用 bootstrap 并且在桌子上我使用他们的 class 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;
}

http://bootply.com/93988