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

所以，这不是绝对必要，但我很好奇，可能想在某个时候，如果它存在使用它...CSS高亮/选择颜色基于页面的焦点

我已经开发了网站（而不是我的设计），其中某些文本区域具有文字阴影，并且我注意到当所述文本被突出显示时，其不太清晰。我意识到并利用了CSS选择器以及适当的浏览器前缀来删除突出显示的文本阴影。

我的问题是，是否有任何可以覆盖突出默认当文字仍然选择和焦点从网页上移除？

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

来源

2013-08-19 feelinferrety

是的，你可以使用选择与::选择

例如尝试一下本作与类灰色

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

，甚至一个div类灰色

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

特定段落

我不确定是否与此兼容，但它适用于FF，Chrome和IE9中的我

来源

2013-08-19 17:43:41 Travis

怎么会选择后删除文字阴影或悬停？ –

text-shadow：none; 但我想他的问题是关于如何选择具体的元素与::选择他说 “我可以改变蓝色的行为与::选择属性（颜色，背景，文字阴影等）“ – Travis

这更多关于我可以覆盖哪些默认值。 :: selection属性允许我搞砸网站访问者如何看到他们突出显示的文本。但是，当焦点从站点移除时（但页面仍可见），此重写不会继续。 – feelinferrety

任何可以覆盖突出默认

...所以我给不同的解决方案，而::SELECTION

ul li a{ 
text-decoration:none; 
font-size:24px; 
text-shadow:4px 4px #000000; 
} 
ul li a:hover , ul li.active a{ 
text-shadow:none; 
color:green; 
}

EXAMPLE :: FIDDLE

来源

2013-08-19 18:08:40

相关风格不基于锚定标签，也不基于悬停。它仅供选择，即当焦点不在页面上时进行选择... ::选择样式在关注页面时起作用，但默认情况下会接管。 – feelinferrety

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

回答

相关问题