我正在尝试使用CSS / HTML更改SVG的颜色。我研究了多种方法,通常要做的事情是制作一个svg标签,然后将路径复制到标签中,如下所示:

<path class="icon" d="M30.148 5.588c-2.934-3.42-7.288-5.588-12.148-5.588-8.837 0-16 7.163-16 16s7.163 16 16 16c4.86 0 9.213-2.167 12.148-5.588l-10.148-10.412 10.148-10.412zM22 3.769c1.232 0 2.231 0.999 2.231 2.231s-0.999 2.231-2.231 2.231-2.231-0.999-2.231-2.231c0-1.232 0.999-2.231 2.231-2.231z"></path>


..然后更改颜色。但是,这是我要避免的。我只想要HTML中的img或svg标记,将source =“”作为系统或项目上的本地路径提供,然后更改颜色。解决方案应该是纯HTML / CSS。

到目前为止,我一直找不到任何东西。任何帮助或想法表示赞赏:)

编辑:我很了解style =“ fill:#;'。我的问题更多是关于“不寻常”的方式,在这种方式中,我尝试仅使用HTML加载/引用svg

最佳答案

这取决于您的形象。如果图像是单色的,则可以通过使用其滤镜的色相,饱和度,亮度和对比度来使用css滤镜属性进行处理

09-16 01:31