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;
      }
    }
相关推荐
xiaoxue..15 小时前
前后端双令牌认证(Access Token + Refresh Token)全方案实现:安全与体验兼得
前端·后端·web安全·面试·typescript·nestjs
下雨打伞干嘛15 小时前
手写Promise
开发语言·前端·javascript
Mike_jia16 小时前
中国版的OpenClaw--OpenOcta(八爪鱼)为运维人打造的 7×24h 数字员工
前端
还是大剑师兰特16 小时前
50个 filter相关的公共函数
开发语言·javascript·ecmascript
biubiubiu070616 小时前
Chrome DevTools在Agent编程工具上的安装
前端·chrome·chrome devtools
老虎062716 小时前
前端超全总结-----html,css,flex,vue,Ajax,ElementPlus,vueRouter语法应用讲解
前端·css·html
SuperEugene16 小时前
前端基础实战:JS/TS与Vue体系化扫盲(47 篇完整目录 + 避坑)
javascript·vue.js·前端框架·npm·ecmascript·状态模式
坚持学习前端日记16 小时前
AgentAi视频模型开发对接部署使用
前端·人工智能·python·flask·音视频
兆子龙16 小时前
深入探究 React 史上最大安全漏洞
前端·javascript
兆子龙16 小时前
React useTransition:让 UI 更新更丝滑的并发特性
java·javascript