在可点击的表格行上添加突出显示(使用引导程序) - 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;
}