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

Question

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

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

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

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

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

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

这是一个显示实际问题的 gif

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

标签： cssreactjsantd

Answer 1

替换为以下内容：

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