在JavaScript中更改文本突出显示颜色

Question

在CSS中，为了更改突出显示颜色，您添加了以下内容：

element::selection { color: red; }

如何在JavaScript中设置::selection css属性？

Answer 1

您可以创建一个style元素，然后使用所需的CSS将其放置在head中。 https://stackoverflow.com/a/524721/23528

的变体

var css = 'element::selection { color: red; }',
    head = document.head || document.getElementsByTagName('head')[0],
    style = document.createElement('style');

style.type = 'text/css';
if (style.styleSheet){
  // This is required for IE8 and below.
  style.styleSheet.cssText = css;
} else {
  style.appendChild(document.createTextNode(css));
}

head.appendChild(style);