element plus table 的 行 hover 如何去除？

Question

去除这个行的hover效果。

这合并单元格太丑了。

Answer 1

看了一下文档只有 highlight-current-row 这个属性，但是并不是作用于 hover 的高亮效果。
所以只能通过自己覆写 .el-table__row 的 hover 样式了。

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
  background-color: none;
}

覆写的时候保证一下样式权重即可。

---

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 2

这个只要实现 css 样式覆盖就可以了吧！

要么就按文档规则改，要么就找到对应的选择器去覆盖即可。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。