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;
      }
    }
相关推荐
正宗咸豆花1 分钟前
【PromptCoder + v0.dev】:前端开发的智能加速器
前端·人工智能·ai·aigc·个人开发
35再转行19 分钟前
三栏布局(圣杯和双飞翼布局)
前端·css
大佩梨35 分钟前
vue使用自动化导入api插件unplugin-auto-import,避免频繁手动导入
前端·vue.js·自动化
終不似少年遊*1 小时前
通过一个算法的设计来了解栈的一些应用
java·前端·数据库
路近岸1 小时前
Angular-生命周期及钩子函数
前端·javascript·angular.js
灵性(๑>ڡ<)☆2 小时前
Vue3学习-day4
前端·vue.js·学习
xo198820112 小时前
vscode vue 自动格式化
ide·vue.js·vscode
李游Leo2 小时前
深入理解 ECMAScript 2024 新特性:正则表达式 /v 标志
前端·正则表达式·ecmascript
高神龙拒绝做个菜鸟3 小时前
常见兼容性问题
前端·性能优化
梦仔生信进阶4 小时前
基于R计算皮尔逊相关系数
前端·数据库·r语言