浅谈iconfont svg图形改变背景颜色

最近写项目,遇到一个小bug,那就是在使用iconfont symbol的时候,在页面嵌入svg标签的时候,发现大部分svg图标都可以设置color。但是也有极个别的死活不变,就像这样白色的图标是设置生效的,红框里的图标是。。。。。不怎么生效的,真是呵呵哒呀。

先是不断尝试提高css样式的优先级,再是在svg标签里的的use标签上写样式,仍然,无效。

这肯定是在逼我发大招了,呵呵哒。查看元素,如下图。好了,知道怎么办了。#tubiaoid path{
  fill: rgb(255,255,255);
},成功了。耶!

之所以有的图标改变不了颜色,是因为在svg的文件中定义了fill属性。而可以改变颜色的图标,则缺少这一属性。

  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值