博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
阿里iconfont图标不能修改颜色的解决方案
阅读量:6805 次
发布时间:2019-06-26

本文共 388 字,大约阅读时间需要 1 分钟。

现象:iconfont安装后的图标,是通过symbol引用方式,有的图标不能通过color修改颜色的解决办法,有的又可以。

复制代码

原因:

当从阿里图库中图标被添加至项目,如果编辑过项目图标的颜色或者图标本身是有颜色的,那么在通过symbol获取图标时会在svg的path中增加fill属性,导致无法更改颜色,如果需要动态修改颜色,需要从新添加该图标(本身图标无色),获取在symbol的js文件中程序删除fill属性。

解决办法:


==1. 下载Js文件后,用Notepad++打开,然后用正则表达式查找:fill="#......" ,替换。==

==2. iconfont.cn上,全选项目中的文件,应用批量操作-->批量去色==

转载于:https://juejin.im/post/5cbade5f518825327e23f0ef

你可能感兴趣的文章
《计算机系统:系统架构与操作系统的高度集成》——2.5 高级数据抽象
查看>>
Fit项目分页组件的编写
查看>>
国产操作系统思普将起诉微软涉嫌“商业诋毁”
查看>>
苹果的 Safari 浏览器13岁了
查看>>
《网络安全原理与实践》一1.12 复习题
查看>>
《Android游戏编程入门经典》——4.6节问与答
查看>>
TouchVG 支持 CocoaPods 了!
查看>>
如何在 Ubuntu 16.10 的 Unity 8 上运行老式 Xorg 程序
查看>>
《C Primer Plus(第6版)中文版》一2.12 编程练习
查看>>
怎样在 Ubuntu Unity Dash 添加关机、重启选项
查看>>
《数字图像处理与机器视觉——Visual C++与Matlab实现》——0.1 数字图像
查看>>
《JavaScript高效图形编程(修订版)》——导读
查看>>
在 Linux 中使用 SSD(固态驱动器):启用 TRIM
查看>>
开发者的实用 Vim 插件(二)
查看>>
springcloud(四):熔断器Hystrix
查看>>
《Python机器学习——预测分析核心算法》——2.3 对“岩石vs.水雷”数据集属性的可视化展示...
查看>>
机器学习初学者入门实践:怎样轻松创造高精度分类网络
查看>>
Ruby Tip:定义索引操作符
查看>>
优云automation实践技巧:简单4步完成自动化构建与发布
查看>>
【Android 】【Monkey Demons】 针对性的进行稳定性测试
查看>>