当前位置: 首页 > 工具软件 > Table Hover > 使用案例 >

elementUI 中自定义table hover 背景色

慕弘伟
2023-12-01

有时候我们不想要UI框架自带的颜色,而我们的设计有其他的颜色,这个时候我们就要覆写(重写)UI框架自带的样式

具体如下:

>>> .el-table--enable-row-hover .el-table__body tr:hover>td{
background-color: #e7edfd !important;
}
 
也可以:
>>> .el-table__body tr:hover>td{
    background-color: #e7edfd !important;
  }
 
  >>> .el-table__body tr.current-row>td{
    background-color: #e7edfd !important;
  }

这样既可覆盖UI自带的样式,从而实现我们自己的背景色。

 类似资料: