html
<img src="logo.svg" alt="Logo" class="logo-img">
的CSS
.logo-img path {
fill: #000;
}
上面的svg加载并且本机是
fill: #fff
,但是当我使用上面的css
尝试将其更改为黑色时,它并没有改变,这是我第一次使用SVG,我不确定为什么它不起作用。 最佳答案
如果您的目标只是更改徽标的颜色,而不必使用CSS,则不要使用以前的答案所建议的javascript或jquery。
要精确回答原始问题,只需:
在文本编辑器中打开您的logo.svg
。
寻找fill: #fff
并将其替换为fill: #000
例如,在文本编辑器中打开logo.svg
时,其外观可能如下所示:
<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" fill="#fff"/>
</svg>
...只需更改填充并保存。
关于css - img src SVG使用CSS更改样式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/56708562/