elementPuls_Treeg更改颜色

elementPuls_Treeg更改颜色

css 复制代码
 .el-tree {
      background: transparent;
      color: #fff;
    }
    :deep(.el-tree-node__content:hover) {
      background: rgba(2, 167, 240, 0.5);
    }
    //选中的背景色
    :deep(
        .el-tree--highlight-current
          .el-tree-node.is-current
          > .el-tree-node__content
      ) {
      background-color: rgba(2, 167, 240, 0.5);
    }
    //点击时背景色
    :deep(.el-tree-node:focus > .el-tree-node__content) {
      background-color: rgba(2, 167, 240, 1);
    }
    :deep(.el-tree-node__expand-icon) {
      color: #fff;
    }
    :deep(.el-tree-node__expand-icon.is-leaf::before) {
      display: none;
    }

    :deep(.el-tree-node:focus > .el-tree-node__content) {
      background-color: rgba(2, 167, 240, 1);
      color: #fff;
    }
    :deep(
        .el-tree--highlight-current
          .el-tree-node.is-current
          > .el-tree-node__content
      ) {
      background-color: rgba(2, 167, 240, 1);
      color: #fff;
    }
    :deep(.el-tree-node__loading-icon) {
      color: #fff;
    }
相关推荐
小小鸭程序员1 小时前
Vue组件化开发深度解析:Element UI与Ant Design Vue对比实践
java·vue.js·spring·ui·elementui
拉不动的猪2 小时前
vue自定义指令的几个注意点
前端·javascript·vue.js
yanyu-yaya2 小时前
react redux的学习,单个reducer
前端·javascript·react.js
陌路物是人非2 小时前
SpringBoot + Netty + Vue + WebSocket实现在线聊天
vue.js·spring boot·websocket·netty
拉不动的猪2 小时前
uniapp与React Native/vue 的简单对比
前端·vue.js·面试
加瓦点灯2 小时前
观察者模式:解耦对象间的依赖关系
开发语言·javascript·观察者模式
z_mazin3 小时前
Chrome开发者工具实战:调试三剑客
前端·javascript·chrome·网络爬虫
sen_shan4 小时前
Vue3+Vite+TypeScript+Element Plus开发-04.静态菜单设计
前端·javascript·typescript·vue3·element·element plus·vue 动态菜单
旧识君4 小时前
移动端1px终极解决方案:Sass混合宏工程化实践
开发语言·前端·javascript·前端框架·less·sass·scss
ElasticPDF-新国产PDF编辑器5 小时前
Angular use pdf.js and Elasticpdf tutorial
javascript·pdf·angular.js