!-- highlight-current 要添加高亮属性 -->
<el-tree ref="treeForm" current-node-key node-key="depart_id" :data="list" :props="defaultProps" @node-click="handleNodeClick" ></el-tree>
<style scoped lang='scss'>
/* 改变被点击节点背景颜色,字体颜色 */
.el-tree-node:focus > .el-tree-node__content {
background-color: #4a9de7 !important;
color: #fff !important;
}
/*节点失焦时的背景颜色*/
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content{
background-color: #4a9de7 !important;
color: #fff !important;
}
</style>
vue elementUI el-tree的样式,修改鼠标点击时点击后的颜色
猜你喜欢
转载自blog.csdn.net/m0_52775179/article/details/130584234
今日推荐
周排行