文
章
目
录
章
目
录
最近有个wordpress模板使用的是阿里巴巴矢量图标iconfont,自定义了一些想用图标,然后通过Symbol链接方式引入到项目中,但是在引用时自定义css始终无法修改图标的颜色,一值都是原始颜色,这该怎么解决呢?
原因分析
iconfont通过Symbol引入无法修改颜色的原因很简单,就是因为iconfont默认封装了样式,导致我们无法修改。
解决办法
解决办法也非常简单,打开你的图标库,找到【批量操作】按钮,然后选择需要去色的图标,执行【批量去色】即可,需要注意的是去色后是不可恢复的。
最后我们再去重新生成Symbol链接,引入到项目中即可,这样就解决了iconfont通过Symbol引入无法修改颜色的问题了。欢迎继续关注潘子夜个人博客,学习愉快哦!