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而不是样式更改该类本身