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/

10-16 21:22