修改ElementUI 框架中 TreeSelect树形选择的Icon

前言:

记录项目中遇到的问题!

正文:

需求:修改树形选择展开/收起的图标,不适用默认三角,使用自定义

问题描述:在使用:deep()去修改样式的的时候发现不生效,在全局样式中修改可以生效,但 是这个需求只在单个页面中,不能影响其他页面的样式。

在控制台查看了元素的样式,发现元素和 #app 元素是同级别,是直接追加在body中的。el-poper-container-xxx 这个id的值也是个变量,刷新页面后数字会更变。

问了大模型,给了很多方法,尝试后无效,又去看ElementUI文档,通过prop属性可以给每一个el-tree-node添加类名

然后,在全局样式中进行样式修改,这样即完成了样式的修改,又不影响其他页面样式。

相关推荐
小小码农Come on7 小时前
QPainter双缓冲区实现一个简单画图软件
linux·服务器·前端
nunumaymax7 小时前
【第三章-react 应用(基于 react 脚手架)】
前端·react.js·前端框架
空中海7 小时前
第一章:Vue 基础与模板语法
前端·javascript·vue.js
每天吃饭的羊7 小时前
水平,垂直居中
前端·javascript·html
鼎道开发者联盟7 小时前
鼎享会 | OpenClaw Control UI 前端架构全解析:自研 UI 对接 Server 实操指南
前端·ui·架构·openclaw·control ui
尘世中一位迷途小书童7 小时前
一套完整的给予ceium封装的组件库,可满足企业级开发
前端
Z_Wonderful7 小时前
微前端:Webpack 配置 vs Vite 配置 超清晰对比
前端·webpack·node.js
码云数智-园园7 小时前
HTTPS是如何工作的?从HTTP到HTTPS的加密演进
前端
隔窗听雨眠8 小时前
HTML头部元信息避坑指南
前端·html
Gauss松鼠会8 小时前
【openGauss】openGauss 磁盘引擎之 ustore
java·服务器·开发语言·前端·数据库·经验分享·gaussdb