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;
    }
相关推荐
6230_2 小时前
关于HTTP通讯流程知识点补充—常见状态码及常见请求方式
前端·javascript·网络·网络协议·学习·http·html
pan_junbiao3 小时前
Vue组件:使用$emit()方法监听子组件事件
前端·javascript·vue.js
hummhumm3 小时前
数据库系统 第46节 数据库版本控制
java·javascript·数据库·python·sql·json·database
正在绘制中4 小时前
如何部署Vue+Springboot项目
前端·vue.js·spring boot
Loong_DQX4 小时前
【前端】vue+html+js 实现table表格展示,以及分页按钮添加
前端·javascript·vue.js
伏城之外4 小时前
LeetCode - 15 三数之和
java·javascript·c++·python·leetcode·c
程序员皮皮林5 小时前
【Java毕业设计】基于SpringBoot+Vue+uniapp的农产品商城系统
vue.js·spring boot·uni-app
Rverdoser5 小时前
Vue3 中的响应式系统:深入理解 Proxy API
前端·javascript·vue.js
早起的年轻人5 小时前
js window.addEventListener 是什么?
开发语言·前端·javascript
Alan-Xia5 小时前
Vue响应式进阶常用API之effectScope、getCurrentScope、onScopeDispose学习
前端·vue.js·学习