css - 引导悬停表：禁用特定行的悬停效果

Question

找到了这个问题，但它不包含我的问题的答案，因为它建议在特定行上设置固定背景，这可能会破坏样式，例如在bg-gradient父级设置的情况下。

要么tr.exclude:hover > td {background-color: rgba(0,0,0,0);}或tr.exclude:hover {background-color: rgba(0,0,0,0);}看起来只是在悬停的背景颜色上添加另一种背景颜色，而不是替换它，因为如果 alpha 不是，则会出现新颜色，0但如果 alpha 是，悬停效果仍然存在0。

Bootstrap 的表格文档说“.table-hover在 a 中的表格行上启用悬停状态<tbody>。

但实际上它甚至适用于<tr>s 之外的悬停状态<tbody>。

是否有一种工作方式可以禁用 Bootstrap 悬停表特定行的悬停效果？

标签： csshoverbootstrap-5

Answer 1

只需将您的替换{background-color: rgba(0,0,0,0);}为{box-shadow: none;}.