CSS 不会覆盖预览调用 css |蚂蚁反应

Question

我正在使用 antD 开发 Tables。默认情况下，每当你在 antD 中悬停 Table 行时，它都会出现轻微的灰色过渡作为高亮显示。我想改变颜色。我使用 less:

.ant-table-row {
    &:hover {
        background-color: blue;
    }
}

（注意：实际颜色并不重要。这只是一个例子）

每当将行悬停时，它会变成蓝色，如设置的那样，持续一秒钟，然后再次变成浅灰色...

通过 chrome 工具检查元素 CSS，除了我添加的蓝色之外，该对象没有其他 :hover CSS。然而由于某种原因，这不起作用...

此外，尝试使用 rowClassName 提供自定义 class 并将其与 &:hover 一起使用，结果相同。

这是一个 gif 动图，显示了正在发生的问题

还有一个工作示例（在线）：https://codesandbox.io/s/bold-cache-w22lg?file=/src/App.js

Answer 1

这里有两个认为

1. 将您的自定义样式文件放在所有样式文件下面

2. 在下方添加 !important link

   .ant-table-row { &:hover { background-color: blue !important ; } }

Answer 2

替换为以下内容：

.ant-table-row:hover td{
  background-color: blue!important;
}