Html 如何使按钮中的contenteditable元素在firefox中工作？

我想在firefox上找到一个简单的解决方案，就像它在chrome上一样，我认为这可能是按钮所做的默认操作，并阻止contenteditable的操作

下面是一个代码片段，它可以与chrome一起使用，但不能在firefox上使用纯HTML，没有css，没有js：

已测试但未使用：

• firefox开发者版本61.0b7（64位）
• firefox开发者版本61.0b9（64位）
• firefox夜间版本62.0a1（2018-05-14）（64位）
• firefox夜间版本62.0a1（2018-05-29）（64位）
• Internet Explorer版本11.48.17134.0

我在chrome和edge上进行了测试，效果非常好

此处的代码片段：

<button>
  <div contenteditable="true">
    This text can be edited by the user.
  </div>  
</button>

此文本可由用户编辑。

编辑： 该按钮可以作为任何类型元素的子元素，它可以是图像、div[可编辑或不可编辑]、p[可编辑或不可编辑]、h1、h2、h3。。。[是否可编辑]

---

如果没有解决方案，请您提供可能的原因，或者提供问题的链接或关于此问题的错误跟踪。

我还没有找到解决方案（因为firefox必须修复它），但我在阅读了contenteditabl html属性后找到了替代方案

在下面，您可以看到它是如何工作的，请尝试在每个元素上复制和粘贴图像，并查看图像如何附加到

contenteditable

元素。不知道该选哪一个

DIV是可编辑的，并且是按钮的子级
（不适用于FIREFOX）

此文本可由用户编辑。

（一些运行良好，其他部分运行正常）

DIV是子项，按钮是可编辑的
此文本可由用户编辑。
按钮是可编辑的，并且是DIV的子级
此文本可由用户编辑。
DIV是可编辑的，按钮是子按钮
此文本可由用户编辑。
DIV和按钮（子项）是可编辑的
此文本可由用户编辑。
DIV（子项）和按钮是可编辑的
此文本可由用户编辑。

为什么要在按钮元素中嵌入标题和/或段落？值得指出的是，除了嵌套在

元素中的

元素之外，任何交互元素都不应具有交互后代。@DavidThomas这是HTML的标准吗？你能告诉我这个文件在哪里吗，谢谢。