element-ui中 table表格hover 修改背景色

最新推荐文章于 2025-06-22 15:34:55 发布

hlvy

最新推荐文章于 2025-06-22 15:34:55 发布

阅读量2.7w

点赞数 6

分类专栏： vue vue

vue 同时被 2 个专栏收录

67 篇文章

订阅专栏

vue

65 篇文章

订阅专栏

本文介绍如何修改Element UI框架中表格行悬停时的背景颜色，提供了两种CSS样式代码实现，一种用于深色背景，另一种用于浅色背景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

重写element-ui table hover样式

 
.el-table--enable-row-hover .el-table__body tr:hover>td{
background-color: #212e3e !important;
}

或者
.el-table__body tr:hover>td{
    background-color: #e1e7f0!important;
  }

  .el-table__body tr.current-row>td{
    background-color: #e1e7f0!important;
  }