修改el-table行悬停状态的背景颜色

css 复制代码
.content:deep().el-table tr:hover>td {
   background-color: #f5f5f5 !important; /* 设置悬停时的背景颜色 */
}

/*这一点很重要,否则可能会导致hover行时操作列还是原来的背景色*/
.content:deep().el-table__body tr.hover-row>td{
  background-color: #f5f5f5 !important; /* 设置悬停时的背景颜色 */
}
相关推荐
得闲喝茶几秒前
JavaScript在数据处理的应用
开发语言·前端·javascript·经验分享·笔记
杨大厨wd24 分钟前
Vue3 业务组件封装别只会传 props:如何设计一个真正好用的组件
vue.js
前端那点事25 分钟前
Vue3 script setup 语法糖最全教程!零基础吃透+项目落地+面试满分
前端·vue.js
ConardLi29 分钟前
Harness 实践:让 Agent 全自动制作知识讲解视频
前端·人工智能·后端
费曼学习法1 小时前
React Hooks 源码级揭秘:为什么必须按顺序调用?
javascript·react.js
努力干饭中1 小时前
Vibe Coding 第二弹:做一个 Canvas K线图
前端·canvas·vibecoding
卷帘依旧1 小时前
Vue 响应式原理:Object.defineProperty vs Proxy 深度对比
前端·vue.js
yqcoder1 小时前
原生 AJAX 揭秘:如何使用 XHR 发起请求
前端·ajax·okhttp
ZC跨境爬虫1 小时前
跟着 MDN 学 HTML day_34:(深入XML 中的 CDATASection 接口)
xml·前端·html·html5·媒体
之歆1 小时前
DAY_20JavaScript 条件语句与循环结构深度学习(二)
前端·javascript