ant-design-vue版本: 2.1.2
分析:

a-table里面的数据在鼠标悬停时,会对当前每一行的td增加一个背景颜色,同时会对当前行的tr增加一个class属性"ant-table-row-hover",如下:

在这里插入图片描述
所以只需要在当前类名下设置我们想设置的颜色即可,如下:(样式穿透写法因场景及个人而异)

:deep(.ant-table-tbody .ant-table-row-hover > td) {
	background-color: #fff !important;
}

效果如下:当鼠标悬停时,出现了对应的class属性,但显示的颜色为自定义的白色。

在这里插入图片描述
其他UI框架也可以按照此思路来改变颜色。

(完)

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐