再谈Element Plus改变Table选中行背景颜色的简单方法

391次阅读

共计 647 个字符,预计需要花费 2 分钟才能阅读完成。

此前已经用非常简单的方式进行了样式干预实现全局表格选中行的高亮颜色调整,其实还可以进行非常多的操作实现这一目的,下面再分享一种。

修改 CSS

按如下路径找到 table 选中行背景色的 CSS 文件。

1
node modules > elementplus > themechalk >  eltable.css >  eltable

找到这一句:

1
eltablecurrentrowbgcolor:var(elcolorprimarylight9);

可以看到,这里定义了选中行高亮颜色为 –el-color-primary-light-9

如果要调整,其一是直接在这里定义颜色,其二是使用 element plus 的内置颜色。

同理,找到如下路径:

1
node modules > elementplus > themechalk > base.css

再谈 Element Plus 改变 Table 选中行背景颜色的简单方法

可以看到 –el-color-primary-light- 9 之前有 3 /5/7/ 8 几种颜色,数字越靠前颜色越深,这时我们只需要找一个相对深一点或者其他自己想要的颜色,将对应的值修改到 eltable.css 即可。

以上内容就是本次分享。

正文完
 0