通过CSS或Javascript访问计算机高亮选择颜色

Question

如何通过javascript获取计算机的高亮选择颜色设置？有没有办法通过CSS获取它？例如，我的高光选择设置被设置为金色，所以我想要获得金色。

Answer 1

您可以通过getComputedStyle获取选择颜色。但似乎它不适用于默认选择样式。

var elems = document.getElementsByTagName('pre');
for (var i = 0; i < elems.length; ++i) {
  elems[i].innerText += ' ' + getComputedStyle(elems[i], '::selection').backgroundColor;
}

.selection::selection {
  background: rgba(255, 255, 0, 0.8);
}

<p>Try to select text below.</p>
<pre class="selection">custom selection color</pre>
<pre>default selection color</pre>