html - 已经实现时如何在鼠标悬停时更改 tr 颜色？

Question

我正在处理现有项目。我创建了一个简单的表。

<table border='0' width='100%'>
  <tr>
    <td></td><td></td>
  </tr>    
  <tr>
    <td></td><td></td>
  </tr>
</table>

我没有在表格上应用任何 CSS 类，但是当我将鼠标悬停在tr. 所以已经在table某个地方实现了一些 CSS。我想禁用此效果，但我无法更改现有的 CSS。

如何阻止此鼠标悬停在此特定表上的效果。我尝试了一些内联 CSS，但它还没有工作。

score 3 · Accepted Answer

只需!important在您的 css 上使用，它应该覆盖现有的 css

tr:hover {
  background:red !important;
}

score 1 · Accepted Answer

您可以尝试使用 "!important;" 重新分配 css 属性关键词。只需使用此关键字创建新的 css 属性并将其绑定到必要的标记。我认为这是一个 hack，但无论如何它对我很有帮助。

score 1 · Accepted Answer

如果您只想对这个表 tr 进行悬停更改，那么最好为表分配一个 ID 或类，然后编写 CSS。

.tableclass tr:hover{
            background:none !important;
 }

3 回答 3