vue elementUI el-tree的样式,修改鼠标点击时点击后的颜色

!-- 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>

猜你喜欢

转载自blog.csdn.net/m0_52775179/article/details/130584234
今日推荐