阻止元素参与文本选择

我有一些源代码<pre><code>行号在单独的<div>。选择文本后，行号会随之出现，并随后被复制。即使我选择源代码块上方和下方的元素，是否有任何方法可以防止行号成为选择的一部分？

为了那些关闭 JavaScript 的人的利益，我想避免使用 JavaScript。 （使用 JavaScript，我会添加一个按钮来隐藏行号）。

unselectable="on"以及各种特定于供应商的user-selectCSS 属性不起作用；数字仍然被选择和复制。

给出您想要阻止选择的元素的 ID。

然后将其放入 CSS 中：

#id-name {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
::-moz-selection {
   background: transparent;
}
::selection { 
   background: transparent; 
}