Determine browser's default text highlight color using JavaScript or Dart

前端 未结 2 1765
生来不讨喜
生来不讨喜 2021-01-18 07:51

The browser\'s default text highlight (selection) background color can be overridden, e.g.:

::selection {
  background: #ffb7b7;
}

And the

2条回答
  •  予麋鹿
    予麋鹿 (楼主)
    2021-01-18 08:31

    I would say that you can't.

    Both getComputedStyle(yourElement, '::selection').backgroundColor and getComputedStyle(yourElement, '::-moz-selection').backgroundColor will return transparent as default value and browser won't override os's default.
    (Worth to be mentioned that if you set it to transparent, default os' value will be overriden).

    I don't think browsers have access to os default preferences, and if they do, they probably won't let any website access it it so easily.

提交回复
热议问题