css - 填充属性不适用于 SVG

Question

我从 thenounproject.com 获取我的 SVG，但是我无法更改它们的颜色，因为填充什么都不做。

我正在使用 Ruby on Rails，所以我使用了 <%= image_tag('#'), :class => "tomatoe"%>

我的CSS看起来像这样

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

填充从不工作，在几个 SVG 上尝试过但没有运气，我不知道为什么。

Answer 1

您不能通过 img 标签导入 CSS 来自定义 SVG，您必须将 SVG 代码嵌入到 HTML 中才能实现此目的。

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