element-ui 中 table 鼠标悬停时 背景颜色的修改

重写element-ui table hover样式 

在样式文件中进行编辑,之后在各个所需要的页面进行引入:

两种方式:

第一种:


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

第二种:


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

在我使用过程中,第二种方式相对来说,比较有效,第一种方式仅对部分页面有效,猜测哪些没有生效的页面可能是由于在其他地方重写了css样式,各位如果需要,可分别试一下!

你可能感兴趣的:(前端总结)