svg-icon图片修改颜色的三种方法 深碍√TFBOYSˉ_ 2023-10-13 23:31 119阅读 0赞 ## **1. 直接修改svg文件中fill属性** ## ### 2.直接添加css ### <[svg-icon][] … style=“fill:currentColor; color:gray;” > .svg{ fill:currentColor; color:gray; } // 添加类名 这种方法会使一部分图片无法修改颜色。原因是svg图片源的path标签内有默认的fill属性(如下) <pant fill="#000000" ......> 或者是 <pant fill="rgb(153, 153, 153)" ......> ### 3.修改[svg图片][svg]源 ### 1:选中svg图片,使用记事本或者编辑器打开 2:找到里面 ***所有*** 的 **path标签** 里的 **fill属性** 并且删除,**然后再以第一种方法设置颜色即可** <pant fill="#000000" ......> 或者是 <pant fill="rgb(153, 153, 153)" ......> [svg-icon]: https://so.csdn.net/so/search?q=svg-icon&spm=1001.2101.3001.7020 [svg]: https://so.csdn.net/so/search?q=svg%E5%9B%BE%E7%89%87&spm=1001.2101.3001.7020
还没有评论,来说两句吧...