Javascript:更改选择背景

Javascript:更改选择背景,javascript,css,selection,Javascript,Css,Selection,我应该如何在Javascript中执行此操作 // CSS *::-moz-selection{ background:transparent; } 我试过这些,但没有真正起作用: // Javascript document.mozSelection = "transparent"; document.body.mozSelection = "transparent"; ::选择器用于伪元素,即与实际元素节点不对应的CSS对象。由于没有与::-moz selection匹配的元素节点,

我应该如何在
Javascript
中执行此操作

// CSS
*::-moz-selection{
 background:transparent; 
}
我试过这些,但没有真正起作用:

// Javascript
document.mozSelection = "transparent";
document.body.mozSelection = "transparent";

::
选择器用于伪元素,即与实际元素节点不对应的CSS对象。由于没有与
::-moz selection
匹配的元素节点,因此不能直接在元素的
.style.background
属性上设置其样式


相反,您必须插入一个新的样式表规则来复制上述CSS(请参阅以了解几种方法)。

您可以向样式表添加一个规则

// Get the first stylesheet 
var ssheet = document.styleSheets[0];

if ("insertRule" in ss) {
    ss.insertRule('#yourdivcontainer::-moz-selection { background: transparent; }', 0);        
}
在我看来,这不是一个好的做法。您应该创建一个带有选择颜色的CSS类,并通过JS而不是样式更改该类本身