tree组件背景色、鼠标hover悬浮背景色、选中背景色修改
.headtree-container {
height: calc(100vh - 190px);
overflow: auto;
::v-deep .el-tree--highlight-current
.el-tree-node.is-current
> .el-tree-node__content {
background-color: #74bcff;
}
::v-deep .el-tree-node {
white-space: normal; //关键代码!!!!!!!!!
.el-tree-node__content {
height: 100%;
align-items: start;
}
.el-tree-node__content:hover {
background-color: #e1ff74 !important;
}
.el-tree-node:focus > .el-tree-node__content {
background-color: #74bcff !important;
}
}
}
posted on 2022-05-24 20:47 zyp_java_net 阅读(727) 评论(0) 编辑 收藏 举报