html - 防止元素参与文本选择

Question

我有一些源代码在<pre><code>一个单独的<div>. 当文本被选中时，行号随之而来，随后被复制。有什么方法可以防止行号成为选择的一部分，即使我选择了源代码块上方和下方的元素？

我想避免使用 JavaScript，以使浏览时关闭它的人受益。（使用 JavaScript，我会添加一个按钮来隐藏行号）。

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

Answer 1

给出要阻止选择 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; 
}