(element-ui)取消el-table的hover状态，取消高亮显示

作者：System 时间：2024年08月27日分类：所有,elementui 字数：456

在Element UI中，如果你想要取消el-table的hover状态，也就是取消当鼠标悬停在表格行上时的高亮显示，你可以通过CSS覆盖默认的样式来实现。

以下是一个CSS样式示例，你可以将它添加到你的全局样式文件中，或者作为一个局部样式在你的Vue组件中定义：




/* 取消el-table的hover状态 */
.el-table .el-table__body tr.el-table__row:hover {
  background-color: inherit;
}

这段CSS将会覆盖默认的hover状态样式，使得表格行在鼠标悬停时不会有背景色的变化。

如果你想要完全移除hover效果，并且不仅仅是改变背景色，你可以将样式的内容修改为你所需要的任何属性，比如边框颜色、文字颜色等。

确保将这段样式添加到全局样式文件中，或者在组件内部通过<style>标签定义，这样才能确保它能够影响到所有的el-table组件。