—— 阿尔伯特·爱因斯坦

程序员の奇妙冒险

ElementUIElementUI
2025-05-04 17:20阅读:308评论:1

element-plus Tree 树形控件自定义选中高亮

el-tree 设置高亮:highlight-current="true" 添加以下样式

  • el-tree 设置高亮___PROTECTED_1__0__
  • 添加以下样式
1
2
3
4
5
6
7
8
9
10
11
12
13
:deep(.el-tree-node:focus>.el-tree-node__content) {
background-color: transparent !important;
}
:deep(.el-tree-node.is-current > .el-tree-node__content) {
background-color: #e3f4fc !important;
}
:deep(.el-tree-node.is-current > .el-tree-node__content:hover) {
background-color: #e3f4fc !important;
}
:deep(.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content) {
background-color: #e3f4fc !important;
}
 
评论(0,共 1 条回复)
暂无评论来抢沙发吧~