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;
      }
    }
相关推荐
꧁꫞꯭零꯭点꯭꫞꧂17 分钟前
G6绘制机柜 以及机柜设备的demo
前端·javascript·vue.js
C澒27 分钟前
供应链产研交付提效:前端多业务线新增样板间页面统计方案
前端·mr
可视之道30 分钟前
低代码可视化平台的前端架构设计:从渲染引擎到插件系统
前端
南城书生31 分钟前
Android Kotlin 协程原理分析
前端
Lee川34 分钟前
🚀 JavaScript 内存大揭秘:从“栈堆搬家”到“闭包时空胶囊”
前端·javascript·面试
唐叔在学习36 分钟前
TodoList应用:SPA应用首屏性能优化实践
前端·javascript·性能优化
恋猫de小郭36 分钟前
AI 时代的工程师需要具备什么能力?Augment Code 给出了他们的招聘标准
前端·人工智能·ai编程
kyriewen38 分钟前
别再滥用 iframe 了!这些场景下它其实是最优解
前端·javascript·html
Nile39 分钟前
解密openclaw底层pi-mono架构系列一:5. pi-web-ui
前端·ui·架构
郝学胜-神的一滴1 小时前
系统设计与面向对象设计:两大设计思想的深度剖析
java·前端·c++·ue5·软件工程