Question

有没有人知道如何使用Javascript动态执行此CSS规则然后禁用它（特别是在某些鼠标手势中禁止Chrome中令人讨厌的选择）：

::selection{
    background:transparent;
}

例如：document.body.style['::selection']['background']="transparent";，但当然不起作用。

Answer 1

我能想到的一些方法：

<强> JS

document.addEventListener("selectstart", function(){return false;});

<强> CSS

pointer-events: none;

Answer 2

我尝试了这种解决方法，它有效：

var styleElem=document.createElement('style'); 
styleElem.innerHTML='::selection{ background:transparent; }';

// enable in some cases
document.head.appendChild(styleElem);

// disable when not needed
window.getSelection().removeAllRanges();
document.head.removeChild(styleElem);

如何使用Javascript设置CSS3 ::选择

2 个答案: