在Nuxt 3中，如何启用页面内容高亮？

Question

究竟如何允许用户突出显示页面上的内容？

在该应用程序的其他页面上，他们可以自由突出显示并复制到剪贴板，但由于某种原因，在作为主页的主要着陆页上，他们不能。我不知道为什么，有人可以帮忙吗？

我假设有什么东西挡住了文本，这就是阻止左键单击拖动突出显示页面的原因，但我无法弄清楚到底是什么挡住了文本。

Answer 1

这种行为可能是由于 css 规则

user-select: none;

.

要检查您的文本元素是否有它，请按照下列步骤操作：

1. 打开浏览器 devtools 控制台，“Elements”选项卡检查 dom.
2. 选择要突出显示但不能突出显示的任何文本元素
3. 使用

   user-select

   搜索此元素应用的 css（在“样式”选项卡上）。
4. 检查此元素是否应用了

   user-select: none;

   （直接或继承）。
5. 尝试从您的 css 中删除该规则。