css - SVG 属性在 Firefox 中被忽略

Question

我目前正在研究响应式 SVG。在 Chrome 上，一切看起来都很好并且可以正常工作。但是在 Firefox 上，我在 CSS 中的 cx cy cr 属性没有被应用。

在 Chrome CSS 上应该覆盖内联 SVG，但在 Firefox 上它不起作用。

Firefox 上的属性

HTML结构

Answer 1

设置几何属性样式的能力，例如cx和cy，r是即将到来的 SVG 2 标准的一个新特性。

Chrome 已经实现了 SVG2 的那部分，但 Firefox 还没有。

如果您需要支持所有浏览器，则需要以不同的方式设置这些属性。