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

Question

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

::selection {
  background: #ffb7b7;
}

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

Answer 1

我会说你不能。

getComputedStyle(yourElement, '::selection').backgroundColor 和 getComputedStyle(yourElement, '::-moz-selection').backgroundColor 都将 return transparent 作为默认值，浏览器不会覆盖 os 的默认值。
（值得一提的是，如果你设置为透明，默认的os'值将被覆盖）。

我认为浏览器无法访问 os 默认首选项，如果可以，他们可能不会让任何网站如此轻易地访问它。

Answer 2

如 , you can use CSS system colors: https://www.w3.org/TR/2010/PR-css3-color-20101028/#css2-system 所述，虽然它们已被弃用，但它们确实有效。