-webkit-user-select:none和-ms-user-select:none复制内容

时间:2015-07-17 01:57:50

标签: javascript css copy-paste

我正在尝试禁用某些具有特定类的表-scheme MyScheme的选择。在该类的CSS文件中,我添加了

<td>

但它们似乎都不起作用。只有在视觉上看起来那些-webkit-user-select: none; -ms-user-select: none; 没有被选中。但是,如果我复制并粘贴数据,那些来自这些单元格的内容也会被复制。浏览器版本是 - IE 11和Chrome 43.0.2357.132 m

添加<td>非常适合Firefox。知道为什么它不能用于休息两个浏览器吗?

1 个答案:

答案 0 :(得分:1)

要确保不会复制这些行号,您可以使用标准<ol>标记:

<ol>
    <li>Can't select line number</li>
</ol>

要设置样式,请创建a counter以及::before以使其无法选择。您可以在此方法中使用任何元素(不仅仅是<ol>)。

使用其他样式进行演示:http://jsfiddle.net/DerekL/ae2fggL5/

enter image description here
(Chrome)行号显示已选中,但您无法实际复制或单独选择它们。

enter image description here
(Firefox)无法在Firefox中选择行号。