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;
      }
    }
相关推荐
毛骗导演7 分钟前
发送一句「你好」,为什么花掉了几千个 Token?——深读 OpenClaw 的 Context 注入机制
前端·架构
工边页字7 分钟前
AI产品中的长期记忆和短期记忆是什么,你知道吗?
前端·人工智能·后端
HelloReader9 分钟前
Flutter 页面导航Navigator.push 与自适应导航模式(十四)
前端
小凡同志10 分钟前
那个复制粘贴了二十次 loading 的下午
前端·vue.js
还是大剑师兰特10 分钟前
vue3中slot,template #名称 的详细说明和具体示例
javascript·vue.js·ecmascript
HelloReader11 分钟前
Flutter 底层原理揭秘框架如何工作(十五)
前端
南篱12 分钟前
前端必看:一口气搞懂跨域是什么、为什么、怎么解决
前端·javascript·面试
qq_4061761412 分钟前
Vue 插槽与组件传参:从入门到精通
前端·javascript·vue.js
三年三月13 分钟前
Redux 技术栈使用总结
前端·react.js
Tody Guo13 分钟前
OpenClaw与企业微信的定时任务设定
前端·github·企业微信