element-ui学习之-------el-table点击每行样式更改

1、文档中有一个高亮的属性,加上:

2、然后打开控制台,看加上属性之后,是哪个样式改了:

 所以,就在页面上重写样式,即可:

/* 鼠标移入*/
.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: #f19944;
  color: #fff;
}

/* 鼠标选中*/
.el-table__body tr.current-row>td {
  background-color: #f19944 !important;
  color: #fff;
}

注意:样式一定要是全局

把scoped去掉!!

 

原文地址:https://www.cnblogs.com/zhaoyingzhen/p/15061177.html