foreignObject (FIREFOX) 上的属性值无效答案

【问题标题】：Invalid property value on foreignObject (FIREFOX)foreignObject (FIREFOX) 上的属性值无效
【发布时间】：2018-05-15 17:05:43
【问题描述】：

我的页面中有一个 foreignObject，位置由 X 和 Y 值定义。

 <foreignObject style="X:883;Y:540;">
      <input type="checkbox">
 </foreignObject>

当我在 Chrome 中打开它时，它可以正常工作，但是当我在 Firefox 上打开我的页面时，该位置不起作用。如果我检查该元素，我会在 X 和 Y 上看到一个警告：Invalid property value。

知道它是从哪里来的吗？

【问题讨论】：

【解决方案1】：

检查你的代码，文档说它应该像这样使用：

 <foreignObject x="883" y="540">
  <input type="checkbox">
 </foreignObject>

style 属性存在，但用于其他情况。 y 和 x 是自己的属性，也必须使用。

【讨论】：