iconfont图标symbol引用方式,有的图标不能通过设置color样式来修改颜色的解决办法转载

原创
小哥 3年前 (2022-10-26) 阅读数 6 #大杂烩

现象:iconfont安装完图标后,就是通过了。symbol引用方法,某些图标无法传递color修改颜色的解决方案,有的可以。

​​​​​​​

原因:

将阿里图库中的图标添加到项目中时,如果编辑的项目图标的颜色或图标本身是彩色的,则通过symbol当你得到图标时,它就在里面了。svg的path中增加fill属性,导致无法更改颜色,如果需要动态修改颜色,则需要从新的(图标本身是无色的。),获取在symbol的js删除文件中的程序fill属性。

解决方案:

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

  2. iconfont.cn在上,选择项目中的所有文件,应用批处理操作。-->批量去色

本文摘自: https://www.cnblogs.com/jopny/p/9454785.html

版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除