填充属性不适用于SVG

Question

我从thenounproject.com获取我的SVG，但是由于填充无效，我无法更改其颜色。

我正在使用Ruby on Rails，因此我使用了＆lt;％= image_tag（'＃'），：class =＆gt; “tomatoe”％＆gt;

我的css看起来像这样

.tomatoe{
    @include transition-property(all);  
    @include transition-duration(1s);
    fill: white;
    width: 100px;
    margin-top: 1em;
}

填充永远不会起作用，在几个SVG上尝试但没有运气，我也不知道为什么。

Answer 1

您无法通过img标记导入SVG来自定义SVG，您必须在HTML中嵌入SVG代码才能实现此目的。

this问题的已接受答案有一个有趣的方法，即通过内联SVG替换每个img标记以允许CSS样式。