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; } } }
::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; } } }
标签:node,el,hover,color,tree,背景色,__,content 来源: https://www.cnblogs.com/zhyp/p/16307126.html