使用 JavaScript 或 Dart 确定浏览器的默认文本突出显示颜色答案

【问题标题】：Determine browser's default text highlight color using JavaScript or Dart使用 JavaScript 或 Dart 确定浏览器的默认文本突出显示颜色
【发布时间】：2015-07-26 19:54:24
【问题描述】：

浏览器默认的文本高亮（选择）背景色可以是overridden，例如：

::selection {
  background: #ffb7b7;
}

还有the color is browser/OS specific。有没有办法使用 JavaScript 或 Dart 读取浏览器的默认值？

【问题讨论】：

标签： javascript html css browser dart

【解决方案1】：

我会说你不能。

getComputedStyle(yourElement, '::selection').backgroundColor 和 getComputedStyle(yourElement, '::-moz-selection').backgroundColor 都将返回 transparent 作为默认值，并且浏览器不会覆盖操作系统的默认值。
（值得一提的是，如果您设置它是透明的，默认操作系统的值将被覆盖）。

我认为浏览器无法访问操作系统的默认首选项，如果他们这样做了，他们可能不会让任何网站如此轻松地访问它。

【讨论】：

【解决方案2】：

如 https://stackoverflow.com/a/39543711/3273929 所述，您可以使用 CSS 系统颜色：https://www.w3.org/TR/2010/PR-css3-color-20101028/#css2-system，尽管它们已被弃用，但它们确实有效。

【讨论】：

虽然 Background 和 Highlight do 工作，但似乎都与我在 Ubuntu 上的 Chrome 中看到的不符。