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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐