当前位置: 首页 > news >正文

点击el-tree小三角后去除点击后的高亮背景样式,el-tree样式修改

<div

              class="videoTree"

              v-loading="loadingTree"

              element-loading-text="加载中..."

              element-loading-spinner="el-icon-loading"

              element-loading-background="rgba(0, 0, 0, 0.8)"

            >

              <el-tree

                :default-expand-all="true"

                class="trees"

                :data="cameraData"

                :props="defaultProps"

                @node-click="handleNodeClick"

                :highlight-current="true"

              >

              </el-tree>

            </div>

// el-tree 点击三角去除默认高亮样式(这一句代码)

::v-deep .el-tree-node:focus > .el-tree-node__content {

          background-color: transparent !important;

        }

下面是设置el-tree样式的代码

.videoTree {

        height: calc(100% - 38px);

        overflow-y: auto;

        .el-tree--highlight-current

          .el-tree-node.is-current

          > .el-tree-node__content {

          background-color: transparent;

          background: rgba(128, 243, 232, 0.1);

          border-left: 2px solid #33fdff;

          color: #80f3e8;

          font-weight: bold;

        }

        .el-tree-node__content:hover {

          background-color: transparent;

        }

        .trees {

          background: transparent;

          color: #fff;

        }

      }

       

    }

相关文章:

  • block-recurrent-transformer-pytorch 学习笔记
  • Mybatis之动态SQL
  • 基于SSM的医院交互系统的设计与实现
  • Oracle官网 账号及密码 -- 笔记
  • 测试新手百科:Postman简介、安装、入门使用方法详细攻略!
  • Hadoop3.x完全分布式环境搭建Zookeeper和Hbase
  • 工作中常用的RabbitMQ实践
  • GPT-4 变懒了?官方回复
  • Linux 网络协议
  • 秋招春招,我没有拿到一个offer怎么办?
  • 关于IDEA中maven的作用以及如何配置MAVEN
  • springboot(ssm滁州市特产销售系统 特产商城系统Java系统
  • SQLMap介绍
  • 低多边形3D建模石头材质纹理贴图
  • 【微服务】springboot整合quartz使用详解
  • Elasticsearch 参考指南(升级前重新索引)
  • ES2017异步函数现已正式可用
  • Hexo+码云+git快速搭建免费的静态Blog
  • MYSQL 的 IF 函数
  • Python进阶细节
  • React中的“虫洞”——Context
  • Shell编程
  • Spark RDD学习: aggregate函数
  • vue2.0开发聊天程序(四) 完整体验一次Vue开发(下)
  • Webpack4 学习笔记 - 01:webpack的安装和简单配置
  • yii2权限控制rbac之rule详细讲解
  • 大数据与云计算学习:数据分析(二)
  • 分享一个自己写的基于canvas的原生js图片爆炸插件
  • 汉诺塔算法
  • 爬虫模拟登陆 SegmentFault
  • 通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout
  • 一道闭包题引发的思考
  • 赢得Docker挑战最佳实践
  • 怎么将电脑中的声音录制成WAV格式
  • 湖北分布式智能数据采集方法有哪些?
  • 交换综合实验一
  • ​​​​​​​Installing ROS on the Raspberry Pi
  • ​力扣解法汇总946-验证栈序列
  • #数学建模# 线性规划问题的Matlab求解
  • $.ajax中的eval及dataType
  • $GOPATH/go.mod exists but should not goland
  • (1)安装hadoop之虚拟机准备(配置IP与主机名)
  • (bean配置类的注解开发)学习Spring的第十三天
  • (pt可视化)利用torch的make_grid进行张量可视化
  • (编译到47%失败)to be deleted
  • (二十五)admin-boot项目之集成消息队列Rabbitmq
  • (附源码)spring boot公选课在线选课系统 毕业设计 142011
  • (附源码)小程序 交通违法举报系统 毕业设计 242045
  • (论文阅读11/100)Fast R-CNN
  • (免费领源码)Java#Springboot#mysql农产品销售管理系统47627-计算机毕业设计项目选题推荐
  • (求助)用傲游上csdn博客时标签栏和网址栏一直显示袁萌 的头像
  • (全注解开发)学习Spring-MVC的第三天
  • (四十一)大数据实战——spark的yarn模式生产环境部署
  • (转) RFS+AutoItLibrary测试web对话框
  • (转载)虚函数剖析