Element-UI tree 组件 点击后高亮显示的样式修改(背景色)
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
树,设置check-change时,点击行选中,点击三角符号可以展开,但是颜色不受控制,
/deep/ .el-tree-node:focus > .el-tree-node__content {
background-color:red; }
找了半天的问题,,,这么一句,记下来,难受。
<el-tree
:data="treedata"
accordion
node-key="id"
ref="tree"
highlight-current
:props="defaultProps"
@check-change="handleCheckChange"
check-on-click-node
></el-tree>
记录一下悬浮颜色修改
/deep/ .el-tree-node__content:hover {
background: rgba(255, 255, 255, 0.05);
}
/deep/.el-tree--highlight-current
.el-tree-node.is-current
> .el-tree-node__content {
background-color: rgba(35, 220, 205, 0.78);
}
/deep/.el-tree {
background: #10498f;
color: #ffffff;
}
/deep/ .el-tree-node:focus > .el-tree-node__content {
background-color:rgba(35, 220, 205, 0.78);
}
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45
6 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)