Question

我有以下简单的html：

<div style="height: 97%;overflow: auto;will-change:transform;" >
    <div>
        <span unselectable="on" style="user-select: none; width: 7.70313px;">1</span>
        <div style="color: rgb(217, 179, 0); margin-left: 27.7031px;">
            <pre style="user-select: all;">A</pre>
        </div>
    </div>
    <div>
        <span unselectable="on" style="user-select: none; width: 7.70313px;">2</span>
        <div style="color: rgb(217, 179, 0); margin-left: 27.7031px;">
            <pre style="user-select: all;">B</pre>
        </div>
    </div>
    <div>
        <span unselectable="on" style="user-select: none; width: 7.70313px;">3</span>
        <div style="color: rgb(217, 179, 0); margin-left: 27.7031px;">
            <pre style="user-select: all;">C</pre>
        </div>
    </div>
    <div>
        <span unselectable="on" style="user-select: none; width: 7.70313px;">4</span>
        <div style="color: rgb(217, 179, 0); margin-left: 27.7031px;">
            <pre style="user-select: all;">D</pre>
        </div>
    </div>
</div>

这是一个非常简单的html，我正在尝试实现像element这样的行号，但我不想选择它。

在浏览器中打开上面的代码，Ctrl + A将返回以下结果：

A
 B
 C
 D

在电子时：

A
2
B
3
C
4
D

‌ 因此，您可以看到除了第一个行号以外，该行号仍被复制到剪贴板。有什么想法吗？谢谢！

Answer 1

让我们尝试以下操作：

-webkit-user-select: none;
-webkit-user-drag: none;
-webkit-app-region: no-drag;
cursor: default;

Answer 2

将电子更新为3.0确实解决了问题

用户选择：“无”不适用于电子

2 个答案: