vue菜单组件中图标跟随菜单高亮变化颜色

问题

在vue左侧菜单中，使用设计师的svg图标有时候不能跟随菜单高亮而改变颜色

未高亮时显示灰色

image

菜单高亮时图标显示白色

image

原因

svg中图标的颜色设计师给了固定的颜色，所以不会接收父元素给定的颜色

解决

给svg图标的颜色属性为 currentColor

image

posted @   嘿！那个姑娘  阅读(121)  评论(0)  编辑  收藏  举报
相关博文：
· iframe嵌入其他项目页面，iframe实现自适应高度
· 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。
· SVG无法修改图标颜色问题
· 若依更换左侧菜单图标svg（svg无法以更换颜色的方法）
· VUE+ElementUI更改导航菜单选中背景颜色
阅读排行：
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示