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 小时前
告别手写 API 类型:用 openapi-fetch 打造类型安全的前端接口层
前端·安全·openapi-fetch
cypking13 小时前
二次封装ElementUI日期范围组件:打造带限制规则的Vue2 v-model响应式通用组件
前端·javascript·elementui
A923A13 小时前
【小兔鲜电商前台 | 项目笔记】第二天
前端·vue.js·笔记·项目·小兔鲜
牧码岛13 小时前
Web前端之样式中的light-dark函数,从媒体查询到颜色函数,从颜色到图片,light-dark打开CSS新时代、主题切换的暗黑模式到image的正解
前端·css·web·web前端
酉鬼女又兒13 小时前
零基础快速入门前端蓝桥杯Web考点深度解析:var、let、const与事件绑定实战(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·职场和发展·蓝桥杯·es6·html5
宁雨桥14 小时前
前端项目实现光暗主题切换的完整方案
前端
happymaker062614 小时前
vue指令扩展以及监视器的使用
前端·javascript·vue.js
还是大剑师兰特14 小时前
EventBus核心方法用法
javascript·vue.js·大剑师
一只小阿乐14 小时前
vue前端处理流式数据
前端·javascript·ai·大模型·全栈开发·agentai
问道飞鱼14 小时前
【技术方案】面向 Web 系统的《全栈灰度部署方案设计》
前端·全栈·灰度发布