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;
      }
    }
相关推荐
西门啐血2 分钟前
Vue 缓存之坑,变量赋值方式和响应式数据
前端·vue.js·缓存
涛涛ing22 分钟前
2026 上半年,前端圈已经炸了五次
前端
hunterandroid27 分钟前
Android 后台任务可靠性排查:从 WorkManager 观测到失败重试闭环
android·前端
skiyee27 分钟前
🔥 oiyo & unibest = 又新又好的 uniapp 模板
前端·uni-app
xingren31 分钟前
「眨眼」UI 特效 - 在 Winform/WPF/WinUI3/Avalonia/Web 的实现
前端
观察员33 分钟前
Vue3 猜字游戏前端实战:从零搭建聊天交互界面
vue.js
颜进强36 分钟前
前端看后端 13:什么是 Cookie 和 Session?
前端·后端
月月大王的3D日记38 分钟前
Three.js 入门系列(7):让甜甜圈围着我转 —— 3D文字生成
前端·javascript
gitboyzcf39 分钟前
mpegts.js解决Chrome无法播放7568×142分辨率报错 DOMException问题
前端·后端
yio_yin1 小时前
MyBatis
java·前端·mybatis