el-table 鼠标移入更改悬停背景颜色

鼠标悬停时需要更改当前行背景颜色,一开始写的颜色会改变,但是一闪而过就没了

这是因为移入移出的动画效果导致的

javascript 复制代码
.el-table__body {
      .el-table__row:hover {
        background-color: pink !important;
      }
    }

更改为后面的代码,就可以了

javascript 复制代码
.el-table__body {
      tr:hover > td {
        background-color: pink !important;
      }
    }
相关推荐
GISer_Jing9 小时前
Three.JS渲染架构解读
java·javascript·架构
发现一只大呆瓜9 小时前
超全 Vite 性能优化指南:网络、资源、预渲染三维落地方案
前端·面试·vite
IT_陈寒10 小时前
Vue的computed属性怎么突然不更新了?
前端·人工智能·后端
时寒的笔记10 小时前
day13~14核心案例某采招网
开发语言·javascript·ecmascript
智商不够_熬夜来凑10 小时前
【Picker】单选多选
前端·javascript·vue.js
米饭不加菜10 小时前
Typora 原生流程图语法完全指南(Flowchart.js)
前端·javascript·流程图
scan72410 小时前
langgraphy条件边
前端·javascript·html
冰小忆11 小时前
类变量在继承场景下的初始化规则是怎样的?
java·前端·数据库
用户9385156350711 小时前
《JS 对象知识地图:10 个小节,从字面量到原型链全覆盖》
javascript
YAwu1111 小时前
JavaScript this 底层机制剖析
前端·javascript