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;
      }
    }
相关推荐
计算机学姐13 小时前
基于SpringBoot的宠物店管理系统
java·vue.js·spring boot·后端·spring·java-ee·intellij-idea
188号安全攻城狮13 小时前
【前端安全】Trusted Types 全维度技术指南:CSP 原生 DOM XSS 防御终极方案
前端·安全·网络安全·xss
墨渊君13 小时前
从 0 到 1:用 Node 打通 OpenClaw WebSocket 通信全流程
前端·openai·agent
橘子编程13 小时前
UniApp跨端开发终极指南
开发语言·vue.js·uni-app
Novlan113 小时前
一个油猴脚本,解决掘金编辑器「转存失败」的烦恼
前端
前端老石人13 小时前
HTML 入门指南:从规范视角建立正确知识体系
开发语言·前端·html
计算机学姐13 小时前
基于SpringBoot的高校餐饮档口管理系统
java·vue.js·spring boot·后端·spring·intellij-idea·mybatis
前端付豪13 小时前
实现右侧记忆面板可编辑
前端·人工智能·后端
DanCheOo14 小时前
从"会用 AI"到"架构 AI":高级前端的认知升级
前端·agent