防止元素参与文本选择

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; 
}