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

标签 css select selector highlight

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

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

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

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

最佳答案

@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/

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

关于基于页面焦点的 CSS 高亮/选择颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18319433/

相关文章:

css - 删除 drupal_get_form 中多余的 div

jquery - 两个 div 并排 : how can i make the div that is on the left side go down when it breaks for responsive layout?

css - 切换两个不同的文本位置

javascript - Jquery 删除除粗体以外的所有内容

android - ImageView 选择器不起作用

python-2.7 - 如何从选择器中获取一个元素

jquery - 页脚向上 float

mysql - 排列重复项并按顺序对记录进行编号 - MySQL

mysql - 如何合并 MySQL 数据库表中的行

sql - 如何在 select 语句中添加从 select 语句派生的列?