基于页面焦点的 CSS 高亮/选择颜色

fee*_*ety 5 css select highlight selector

所以,这不是绝对需要,但我很好奇,如果它存在的话,我可能想在某个时候使用它......

我开发了一个网站(不是我的设计),其中某些文本区域具有文本阴影,我注意到当突出显示所述文本时,它不是很清晰。我知道并利用::selectionCSS 选择器以及适当的浏览器前缀来删除突出显示的文本阴影。

我的问题是当文本保持选中状态并且焦点从页面上移开是否有任何东西可以覆盖突出显示的默认值

示例:我做了一个全选,默认情况下(Mozilla),选定的文本获得蓝色背景。然后我......说,开始弄乱 Firebug,或者在我的浏览器上打开一个较小的窗口。所有高光都变成灰色。我可以使用::selection属性(颜色、背景、文本阴影等)更改蓝色的行为,但灰色的行为保持不变。这样的事情存在吗?

Mic*_*cki 2

@feelinferrety 答案是否定的。

您无法更改失焦窗口上的选择突出显示颜色。至少现在(2019 年 1 月)

::selection正如这解释了如何使用|在聚焦窗口上执行此操作 ::-moz-selection
https://css-tricks.com/almanac/selectors/s/selection/

这明确指出:window-inactive| :-moz-window-inactive实际上会起作用,但它们不能一起工作......因为它没有标准化,因此没有开发
https://css-tricks.com/window-inactive-styling/

虽然有趣的是,例如,当窗口失去焦点时,您可以更改页面一半的背景颜色......