Iconfont 多色图标使用svg颜色无法修改问题

原因是因为iconfont.js里面的fill 被写死了,所以修改不了。

1.把icon文件下载下来,打开iconfont.js,使用编译器正则替换掉所有包含fill="xxx",

以notePad++为例 ctrl+f选择替换,查找模式勾选“正则表达式”,查找目标填写 fill="#......" ,替换为空

页面内使用

<svg class="icon_svg" aria-hidden="true">

              <use xlink:href="#icon-gou" />

 </svg>

css修改颜色

svg {

       color: var(--themeColor);

    }

参考自https://www.cnblogs.com/jopny/p/9454785.html

猜你喜欢

转载自blog.csdn.net/CrazBarry/article/details/108241549
今日推荐