为什么外部 css 对使用 D3 的 IE 中的 svg 元素不起作用

Question

正如标题所说：为什么外部 css 在使用 D3 的 IE 中对 svg 元素不起作用。

我正在使用 D3 库从 json 文件创建 rect。 我的 json 文件可以包含 100+ rect 个不同的 x 和 y 线。 为了使 json 文件尽可能小，我有一个带有 width、height、fill 和 stroke 的外部 css 文件。

它在 Chrome 中有效，但在 IE 和 Firefox 中无效。

这是一个 Fiddle 示例：Fiddle

提前致谢。

Answer 1

宽度和高度不是 SVG 1.1 中的 CSS 属性，它们是无法使用 CSS 设置的属性。

Chrome（和 Chrome 克隆，如 Opera）支持它们作为 CSS 属性，因为这是 SVG 2 提出的。目前没有其他 UA 支持它们作为 CSS 属性。