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

前言:

记录项目中遇到的问题!

正文:

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

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

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

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

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

相关推荐
jiayong233 分钟前
第 44 课:任务详情抽屉里的评论输入与操作记录联动
前端
ndsc_d4 分钟前
前端实战复盘:用AI直接生成响应式官网落地页与React源码
前端·人工智能·react.js·ui·前端框架·aigc·paico
大家的林语冰1 小时前
✌️ Deno 2.9 来了,ESM 直接导入 CSS,甚至能开发桌面应用?!
前端·javascript·node.js
李顿波1 小时前
前端样式技术发展进程和解析(长期更新版)
前端
不简说1 小时前
JS 代码技巧 vol.1 — 10 个让代码少写 30% 的小套路
前端·javascript·面试
Hilaku1 小时前
为什么业务型前端容易遭遇中年危机?
前端·javascript·程序员
এ慕ོ冬℘゜2 小时前
深度解析 JavaScript:赋予 Web 灵魂的“全栈语言”
开发语言·前端·javascript
iCOD3R2 小时前
Skill - 3秒生成精美GitHub主页
前端·程序员·ai编程
爱勇宝2 小时前
《道德经》第5章:生产环境不相信眼泪
前端·后端·架构
掘金者阿豪2 小时前
LEFT JOIN 凭空消失的背后,是优化器偷偷帮你做了决定
前端·后端