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;
      }
    }
相关推荐
lar_slw9 分钟前
k8s部署前端项目
前端·容器·kubernetes
这里不能睡觉22 分钟前
js 实现 Blob、File、ArrayBuffer、base64、URL 之间互转
javascript
拉拉肥_King25 分钟前
Ant Design Table 横向滚动条神秘消失?我是如何一步步找到真凶的
前端·javascript
GreenTea27 分钟前
DeepSeek-V4 技术报告深度分析:基础研究创新全景
前端·人工智能·后端
河阿里1 小时前
HTML5标准完全教学手册
前端·html·html5
吴声子夜歌1 小时前
Vue3——新语法
前端·javascript·vue.js
jiayong231 小时前
第 36 课:任务详情抽屉快捷改状态
开发语言·前端·javascript·vue.js·学习
FFF_634560231 小时前
通用 vue 页面 js 下载任何文件的方法
开发语言·前端·javascript
光影少年1 小时前
中级前端需要会的东西都有那些?
前端·学习·前端框架
琢磨先生TT2 小时前
为什么很多后台系统功能不少,看起来却还是很廉价?
前端·vue.js·设计