如何在Firefox的扩展弹出窗口中允许复制粘贴?

时间:2018-11-01 12:48:25

标签: css firefox firefox-webextensions

我创建了一个带有弹出窗口的a webextension

Browser extension popup window

我希望用户能够复制/粘贴此弹出窗口的内容。在Chrome中可以正常工作,但在Firefox中无法选择文本。如果您将鼠标拖到文本上,则不会发生任何事情。

我尝试检查和更改CSS(也许有默认的user-select?),但没有成功。 如何在扩展程序的弹出窗口中启用文本选择?

1 个答案:

答案 0 :(得分:1)

TLDR :将-moz-user-select: text添加到弹出窗口的主体元素中。

确实存在默认的user-select

您可以使用以下步骤检查弹出窗口的CSS:

  • 导航至about:debugging并启用附加调试。
  • 点击插件旁边的“调试”链接。
  • 单击右上角的省略号,然后选择“禁用弹出窗口自动隐藏”。

enter image description here

  • 打开您的弹出窗口。
  • 在开发人员工具中,通过单击右上角的框架按钮选择另一个框架。

enter image description here

  • 打开检查器。如您所见,有一个-moz-user-select CSS规则:

enter image description here

因此解决方法是在弹出式CSS中添加CSS规则,如下所示:

body { -moz-user-select: text; }

将此设置为auto不起作用。其他可能的值为documented here