svg-icon图片修改颜色的三种方法

深碍√TFBOYSˉ_ 2023-10-13 23:31 302阅读 0赞

1. 直接修改svg文件中fill属性

2.直接添加css

<svg-icon … style=“fill:currentColor; color:gray;” >

  1. .svg{
  2.     fill:currentColor; 
  3.     color:gray;
  4.   }
  6. // 添加类名  这种方法会使一部分图片无法修改颜色。原因是svg图片源的path标签内有默认的fill属性（如下）
  7. <pant fill="#000000" ......>
  8.  或者是
  9. <pant fill="rgb(153, 153, 153)" ......>

3.修改svg图片源

1：选中svg图片，使用记事本或者编辑器打开

2：找到里面  所有  的 path标签  里的 fill属性 并且删除，然后再以第一种方法设置颜色即可

  1. <pant fill="#000000" ......>
  2.  或者是
  3. <pant fill="rgb(153, 153, 153)" ......>

发表评论

表情：
评论列表 （有 0 条评论，302人围观）

还没有评论，来说两句吧...

相关阅读

    相关 PS修改图片局部颜色

    方法一： 1.首先选择前景色为想要替换成的颜色 2.在画笔工具中选择颜色替换工具 3.在上方设置合适的画笔的大小，硬度，间距；选择模式为【颜色】；限制为【连续】；

    柔情只为你懂柔情只为你懂/ 0 赞/ 164 阅读