ElementUI:tree鼠标浮动在某个节点背景色以及点击背景色修改
发布日期:2021-06-30 15:49:11 浏览次数:2 分类:技术文章

本文共 338 字,大约阅读时间需要 1 分钟。

1. 鼠标指针浮动在节点上颜色修改

改变.el-tree-node__content:hover背景色即可

SCSS代码:

::v-deep.el-tree-node__content{
&:hover{
background-color: red; }}

2. 鼠标选中节点颜色修改

改变.el-tree-node.is-current > .el-tree-node__content背景色即可

SCSS代码:

::v-deep.el-tree-node.is-current > .el-tree-node__content {
background-color: black !important;}

3. 效果:选中黑色,浮动红色

在这里插入图片描述

转载地址:https://kaisarh.blog.csdn.net/article/details/110849313 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:ElementUI:tree给节点添加icon图标
下一篇:ElementUI:input表单验证

发表评论

最新留言

不错!
[***.144.177.141]2024年04月24日 01时30分15秒