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;
      }
    }
相关推荐
百慕大三角几秒前
AI Agent开发之向量检索:一篇讲清「稀疏 + 稠密 + Hybrid Search」怎么落地
前端·agent·ai编程
打瞌睡的朱尤2 分钟前
Vue day11商品详细页,加入购物车,购物车
前端·javascript·vue.js
温言winslow3 分钟前
Elpis NPM 包抽离过程
前端
用户600071819106 分钟前
【翻译】Rolldown工作原理:模块加载、依赖图与优化机制全揭秘
前端
SuperEugene8 分钟前
《对象与解构赋值:接口数据解包的 10 个常见写法》
前端·javascript
Never_Satisfied14 分钟前
在JavaScript中,如何给字符串数组中的元素去重
开发语言·javascript·ecmascript
Mr_Xuhhh16 分钟前
博客文章:HTML核心概念与常见标签速览
前端
打瞌睡的朱尤27 分钟前
Vue day12 Vue3认识,写法区分
前端·javascript·vue.js
阿珊和她的猫32 分钟前
Vue Router 的使用指南
前端·javascript·vue.js
打瞌睡的朱尤40 分钟前
day8 Vue-x
前端·javascript·vue.js