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;
      }
    }
相关推荐
Cache技术分享6 分钟前
354. Java IO API - 获取路径信息
前端·后端
北寻北爱9 分钟前
面试篇-vue中第三方库的使用(echarts)
前端
luanma15098021 分钟前
Spring 框架——@Retryable 注解与 @Recover 注解
java·前端·spring
llxxyy卢23 分钟前
polar-web部分中等题目
android·前端·sql·web安全
非凡ghost25 分钟前
Zen Browser:基于 Firefox 的极简开源浏览器,隐私与速度兼得
前端·网络·windows·学习·开源·firefox·软件需求
ivwsjc32 分钟前
vue3 echarts地图点到点之间的飞线图
前端·javascript·vue·echarts
小李子呢02111 小时前
JS中的Set 核心认知
前端·javascript·es6
程序员阿耶1 小时前
【前端面试知识点】CSS contain 属性如何用于性能优化?它有哪些可选值及作用?
前端·面试
阳火锅1 小时前
34岁前端倒计时:老板用AI手搓系统那天,我知道我的“体面退休”是个笑话
前端·后端·程序员
姓王者1 小时前
# 解决 Nautilus 自定义终端插件安装依赖问题
前端·后端·全栈