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

基于页面焦点的CSS高亮显示/选择颜色,css,select,selector,highlight,Css,Select,Selector,Highlight,所以,这不是一个绝对的需要,但我很好奇,可能会在某个时候使用它,如果它存在的话 我开发了一个网站(不是我的设计),其中某些文本区域有文本阴影,我注意到当所述文本高亮显示时,它不是很清晰。我知道并利用::selectionCSS选择器以及适当的浏览器前缀来删除高亮显示时的文本阴影 我的问题是,当文本保持选中状态且焦点从页面中移除时,是否有任何内容可以覆盖突出显示默认设置 示例:我做了一个全选,默认情况下(Mozilla),选中的文本会有一个蓝色背景。然后我。。。比如,开始玩弄Firebug,或者在

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

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

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


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

是的,您可以将选择器与::selection一起使用

例如,对于灰色类的特定段落,尝试使用此选项

.gray p::-moz-selection { color: gold;  background: red; }
.gray p::selection      { color: gold;  background: red; } 
甚至是一个灰色的潜水艇

.gray div::-moz-selection { color: gold;  background: red; }
.gray div::selection      { color: gold;  background: red; } 

我不确定它是否兼容FF、Chrome和IE9。答案是否定的

无法在离焦窗口上更改选择突出显示颜色。至少截至目前(2019年1月)

这说明了如何使用
::selection
|
::-moz selection在聚焦窗口上执行此操作

这清楚地表明,
:windowinactive
|
:-moz windowinactive
实际上可以工作,但它们不能一起工作。。。因为它没有标准化,因此没有开发


尽管有趣的是,例如,当窗口失去焦点时,您可以更改页面一半的背景色…

文本阴影:无;但我认为他的问题更多的是关于如何使用::selection选择特定元素,他说“我可以使用::selection属性(颜色、背景、文本阴影等)更改蓝色的行为”,更多的是关于我可以覆盖哪些默认值。::selection属性允许我搞乱网站访问者如何查看他们高亮显示的文本。但是,当焦点从网站上移除时,这种覆盖不会继续(但页面仍然可见)。感谢您引用最新信息,并提供来自每个人最喜欢的CSS奇闻来源的特定文章。