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;
      }
    }
相关推荐
Asort1 分钟前
JavaScript设计模式(十四)——命令模式:解耦请求发送者与接收者
前端·javascript·设计模式
小茴香35310 分钟前
Vue 脚手架(Vue CLI)
前端·javascript·vue.js
午安~婉15 分钟前
ESLint
前端·eslint·检查
“抚琴”的人16 分钟前
C#中获取程序执行时间
服务器·前端·c#
掘金一周26 分钟前
Flex 布局下文字省略不生效?原因其实很简单| 掘金一周 10.16
前端
你的电影很有趣28 分钟前
lesson72:Node.js 安全实战:Crypto-Js 4.2.0 与 Express 加密体系构建指南
javascript·安全·node.js
Stringzhua31 分钟前
Vue的Axios介绍【9】
前端·javascript·vue.js
渣哥36 分钟前
从 READ_UNCOMMITTED 到 SERIALIZABLE:Spring 事务隔离级别全解析
javascript·后端·面试
云霄IT40 分钟前
绕过Frida检测反调试的一些办法
android·javascript
摸着石头过河的石头1 小时前
JavaScript 垃圾收集:内存管理的艺术
前端·javascript