vue的el-table鼠标移动上去不高亮显示
时间: 2024-01-05 10:04:59 浏览: 152
vue el-tree 默认展开第一个节点的实现代码
为了禁用Vue的el-table组件的鼠标悬停高亮效果,可以使用以下CSS样式代码:
```css
.el-table tbody tr:hover {
background-color: transparent !important;}
```
这将使鼠标悬停时的背景颜色变为透明,从而禁用高亮效果。如果您想要完全禁用鼠标悬停事件,可以使用以下CSS样式代码:
```css
.el-table tbody tr {
pointer-events: none;
}
```
这将禁用所有鼠标事件,包括悬停事件。如果您想要在禁用鼠标悬停事件的同时保留斑马纹效果,可以使用以下CSS样式代码:
```css
.el-table--striped tbody tr:nth-child(even) {
background-color: #f9f9f9;
}
```
这将在表格中的偶数行上应用斑马纹效果,而不受鼠标悬停事件的影响。
阅读全文