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

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

http://bootply.com/93988