1. 确定el-tree高亮颜色的默认设置el-tree组件本身并没有直接提供高亮颜色的配置选项。默认情况下,当你选中一个节点时,该节点会呈现为选中状态,但其颜色由Element UI的全局样式决定,通常会有一个浅蓝色的背景色来表示选中状态。 2. 研究如何自定义el-tree的高亮颜色 要自定义el-tree的高亮颜色,你需要通过CSS来覆...
我们知道树节点常常需要选择,为了看得更加直观明显,所以我们需要设置选中的时候,让选中的那个树节点颜色高亮,本文记录一下常用的三种方式,我们先看一下效果图 效果图 方式一 第一步: el-tree组件标签上添加高亮属性highlight-current,表示要开启高亮功能。 第二步: 然后在css中深度作用域高亮样式代码即可 /deep/ ...
el-tree 选中节点高亮颜色调整 /*.filter-tree .el-tree-node.is-current { background-color: rgb(54 9 9) !important; }*/.filter-tree .el-tree-node:focus > .el-tree-node__content { background-color: #ccc !important; } 不知道为什么上面那种方法不行,网上看到的下面的,可以的,就是style要...
elementui中el-tree实现选中高亮显示关闭重新打开选中不销毁效果在父组件中显示子个数 一.Element-UI tree 组件 点击后高亮显示的样式修改(背景色)树,设置check-change时,点击行选中,点击三角符号可以展开,但是颜色不受控制 <el-tree :data="treedata" accordion node-key="id" ref="tree" highlight-current :p...
我们知道树节点常常需要选择,为了看得更加直观明显,所以我们需要设置选中的时候,让选中的那个树节点颜色高亮,本文记录一下常用的三种方式,我们先看一下...
el-tree /* 鼠标悬浮显示的颜色 */ #modelTree .el-tree-node__content:hover { background-color: #65a19f !important; } /* 默认节点的颜色 */ #modelTree .el-tree-node.is-cu