修改ui 组件 表格划过效果

本文主要是介绍修改ui 组件 表格划过效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

问题描述

Ant Design Vue 中table 表格 取消划过效果，正常使用类找到效果并修改后 会出现闪白的情况。

.ant-table-cell-row-hover:hover:not(.ant-table-expanded-row) > td{background-color: green !important;
}

---

原因分析：

代码运行自上而下并因为权重原因出现此问题

---

解决方案：

 ::v-deep :where(.css-dev-only-do-not-override-udyjmm).ant-table-wrapper .ant-table-tbody >tr.ant-table-row:hover>td, ::v-deep :where(.css-dev-only-do-not-override-udyjmm).ant-table-wrapper .ant-table-tbody >tr >td.ant-table-cell-row-hover {background-color: transparent;}
}

这篇关于修改ui 组件 表格划过效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---