iconfont通过Symbol引入无法修改颜色解决办法

最近有个wordpress模板使用的是阿里巴巴矢量图标iconfont，自定义了一些想用图标，然后通过Symbol链接方式引入到项目中，但是在引用时自定义css始终无法修改图标的颜色，一值都是原始颜色，这该怎么解决呢？

原因分析

iconfont通过Symbol引入无法修改颜色的原因很简单，就是因为iconfont默认封装了样式，导致我们无法修改。

解决办法

解决办法也非常简单，打开你的图标库，找到【批量操作】按钮，然后选择需要去色的图标，执行【批量去色】即可，需要注意的是去色后是不可恢复的。

程序员导航

优网导航旗下整合全网优质开发资源，一站式IT编程学习与工具大全网站

立即访问

最后我们再去重新生成Symbol链接，引入到项目中即可，这样就解决了iconfont通过Symbol引入无法修改颜色的问题了。欢迎继续关注潘子夜个人博客，学习愉快哦！