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

前端 潘老师 2个月前 (12-29) 40 ℃ (0) 扫码查看

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

原因分析

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

解决办法

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

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

 


版权声明:本站文章,如无说明,均为本站原创,转载请注明文章来源。如有侵权,请联系博主删除。
本文链接:https://www.panziye.com/front/12709.html
喜欢 (0)
请潘老师喝杯Coffee吧!】
分享 (0)
用户头像
发表我的评论
取消评论
表情 贴图 签到 代码

Hi,您需要填写昵称和邮箱!

  • 昵称【必填】
  • 邮箱【必填】
  • 网址【可选】