"如何取消 Element UI 表格的 hover 效果?"
时间: 2024-04-13 16:28:43 浏览: 118
element-ui 表格实现单元格可编辑的示例
5星 · 资源好评率100%
要取消 Element UI 表格的 hover 效果,你可以通过自定义 CSS 来覆盖默认的样式。以下是一种方法:
1. 首先,给表格组件添加一个自定义的 class,例如 `custom-table`。
```html
<el-table class="custom-table">
<!-- 表格内容 -->
</el-table>
```
2. 在你的样式文件(或者 `<style>` 标签)中,使用该自定义 class 来覆盖 hover 效果的样式。
```css
.custom-table .el-table__row:hover {
background-color: transparent !important;
}
```
上面的样式规则会将表格行的背景色设为透明,这样就取消了默认的 hover 效果。
注意:为了确保该样式生效,你需要将这段 CSS 代码放在其他样式规则之后,或者使用更具体的选择器。
希望这个方法能够帮到你!如果还有其他问题,请随时提问。
阅读全文