Angular 8无法更改嵌入式SVG的填充颜色

Question

我在填充InlineSVG时遇到一些问题。我有一个div和svg：

<div class="svg-div" [inlineSVG]="'../../../assets/images/add.svg'"></div>

然后使用CSS：

.svg-div {
    fill: blue;
}

但是图标仍然是灰色的。

我也尝试过：

.svg-div ::ng-deep svg{
    fill: blue;
}

以不同的组合，但没有用。
kubectl cheat sheet。怎么了？

Answer 1

它不起作用，因为fill属性在您的svg文件中进行了硬编码。从您的svg文件中删除 fill =“＃7A7A7A” ，然后您就可以通过CSS更改颜色。