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

Question

我正在使用 antD 处理表格。默认情况下，每当您在 antD 中悬停表格行时，它都会获得轻微的灰色过渡作为突出显示。我想改变颜色。我使用less 做到了这一点：

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

（注意：实际颜色无关紧要。这只是一个示例）

每当悬停在 Row 上时，它就会变成蓝色，就像设置的一样，持续片刻，然后再次变成浅灰色...

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

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

这是一个 gif，显示了正在处理的问题

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

Answer 1

替换为以下内容：

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

Answer 2

这里有两个想法

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

2. 在下面添加 !important 链接

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