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;
      }
    }
相关推荐
swipe6 小时前
16|(前端转全栈)前端人排查后端问题:curl、traceId、日志、MySQL、Redis 怎么用?
前端·后端·面试
anyup6 小时前
uni-app 没有根组件?仅需几行代码实现全局 Toast 和 Modal
前端·架构·uni-app
并不喜欢吃鱼6 小时前
一.前端web开发:零基础吃透 HTML5 核心知识
前端·html·html5
Hilaku6 小时前
前端真的比后端简单吗?
前端·javascript·程序员
Canace6 小时前
为了给视频里的人脸打码,我让 Claude 做了个 Skill
前端·人工智能
zhedream6 小时前
a-select / a-input 自定义下拉、Vue2 Fragment ,以及 transfer-dom
前端·vue.js
无人生还6 小时前
从 Vue3 到 React · 快速上手系列第 10 篇:路由
前端·vue.js·react.js
杉氧6 小时前
跨平台持久化:Flutter 本地数据库的多线程安全与架构设计实践
android·前端·flutter
毅yi6 小时前
里程碑1:实现elpis-core以及基于elpis-core的基础设置搭建
前端