el-table修改字体颜色(包括行高亮时)

1、使用组件自带的行方法row-style或者单元格方法cell-style设置字体颜色,发现设置不生效

2、控制台查看元素,发现cell-style定位不到真正的字体位置,而是上面一层

3、使用组件自带单元格方法cell-class-name来设置一个class到外面这层元素中,来方便明确定位,最终定位在这个class的cell中

 

 

 到这里字体颜色就设置成功了

4、因为我把字体设置成了白色,发现组件自带的行高亮时字体颜色和背景色太过相近,决定修改高亮时的颜色,元素中查看发现组件高亮时添加了hover-row的class

 所以就这样写

设置成功

猜你喜欢

转载自blog.csdn.net/gjylalaland/article/details/130741597
今日推荐