element table 选中行背景色

Posted 322829

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element table 选中行背景色相关的知识,希望对你有一定的参考价值。

/* 用来设置当前页面element全局table 选中某行时的背景色*/

.el-table__body tr.current-row > td 

  background-color: #ebe6de !important;

  /* color: #f19944; */ /* 设置文字颜色,可以选择不设置 */

/* 用来设置当前页面element全局table 鼠标移入某行时的背景色*/

.el-table--enable-row-hover .el-table__body tr:hover > td 

  background-color: #e2e2e1;

  /* color: #f19944; */ /* 设置文字颜色,可以选择不设置 */

/* 修改 表格边框*/

.el-table td,

.el-table th.is-leaf,

.el-table--border,

.el-table--group 

  border-color: #dfdedd;

/* 修改 表格边框*/

.el-table--border::after,

.el-table--group::after,

.el-table::before 

  background-color: #dfdedd;

以上是关于element table 选中行背景色的主要内容,如果未能解决你的问题,请参考以下文章

elment表格多选变色 vue Element-ui 表格多选 修改选中行背景色

Element Table 可以实现哪些常见的有用的功能

修改elementUI中分页器的背景色"el-pagination"

element UI表格组件点击某行某行高亮显示

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

vue+elementui table表格点击单元格单元格改变背景色