通过 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>

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

Accessing computer highlight selection color through CSS or Javascript

javascript

jquery

css

selection