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

为取消el-table的hover状态，需要使用CSS代码来覆盖默认的样式。

以下是详细步骤：

1. 打开调试工具，选中需要取消hover状态的表格。

2. 在Elements选项卡中，寻找对应表格内某一单元格的HTML元素，并右键选择“检查”（或Inspect Element）。

3. 在Styles选项卡中，找到该单元格的:hover伪类样式，即类似以下代码：

.el-table td:hover{
    background-color:#f5f7fa;
}

1. 将该css代码复制到你的样式文件（或style标签）中。

2. 将样式代码中的:hover伪类去除，即修改为如下代码：

.el-table td {
    background-color:#f5f7fa;
}

1. 如果你只想取消hover状态的背景色，那么以上代码已经满足要求；如果你想同时取消hover状态的文字颜色、边框、滚动条等内容，可以进一步覆盖相应的CSS属性。

以下是一个取消hover状态的背景色示例：

.el-table td {
    background-color:#f5f7fa; /* 设置表格单元格的背景色 */
}

.el-table__body-wrapper .is-hover-row>.el-table__row {
    /* 取消hover状态的背景色 */
    background-color: transparent !important;
}

以下是一个取消hover状态的背景色和文字颜色的示例：

.el-table td {
    background-color:#f5f7fa; /* 设置表格单元格的背景色 */
    color: #666; /* 设置表格单元格的文字颜色 */
}

.el-table__body-wrapper .is-hover-row>.el-table__row {
    /* 取消hover状态的背景色和文字颜色 */
    background-color: transparent !important;
    color: inherit !important;
}

以上两个示例分别使用了.el-table__body-wrapper .is-hover-row>.el-table__row选择器来选择当鼠标悬停在某一行时，应取消样式的类。其中，.is-hover-row类表示当鼠标悬停在某一行时，该行会自动添加此类；>.el-table__row表示选择该行的所有单元格。

通过以上步骤，你可以取消el-table的hover状态，同时也可以参考此方法覆盖其他元素的默认CSS样式。