IE中的CSS颜色表现不同答案

【问题标题】：CSS color behaving differently in IEIE中的CSS颜色表现不同
【发布时间】：2017-03-02 13:02:18
【问题描述】：

我有一个组件，其中包含一个颜色属性为蓝色的<svg> 元素。在 Chrome 中，我有预期的行为，而在 IE 中，颜色不适用。当我检查元素时。

我们可以看到颜色实际上是蓝色的，但它没有显示为蓝色。对 IE 中的这种行为有任何想法吗？

编辑：

这是颜色属性的 css。

.blue {
  & path {
    color: blue;
  }
}

【问题讨论】：

路径没有颜色，它们在 SVG 中有描边和填充。寻求代码帮助的问题必须包括在问题本身最好在Stack Snippet 中重现它所需的最短代码。见How to create a Minimal, Complete, and Verifiable example

【解决方案1】：

为了让 PaulieD 的回答更明确，您需要使用 fill 而不是 color。

.blue {
  & path {
    fill: blue;
  }
}

【讨论】：