2024年6月1日发(作者：)

element plus 表格鼠标悬浮变色

在Element Plus中，可以通过设置CSS样式来实现表格在鼠标

悬浮时变色的效果。

首先，在你的样式文件中引入Element Plus的样式文件，例如：

```

@import 'element-plus/lib/theme-chalk/';

```

接下来，在你的HTML中使用表格组件，例如：

```

```

然后，在你的样式文件中添加以下CSS样式：

```

.el-table tr:hover {

background-color: #f5f7fa;

}

```

这样当你的鼠标悬浮在表格的行上时，行的背景色会变成

`#f5f7fa`。

记得将`tableData`数据查到的值和标签关联起来，否则你会遇

到无数据的问题。