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去掉!!

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM