使用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都会返回transparent作为默认值，浏览器不会覆盖默认值。
（值得一提的是，如果你将其设置为透明，默认的os＆＃39;值将被覆盖）。

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

Answer 2

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