Css 选定文本的设置

Css 选定文本的设置,css,focus,Css,Focus,我正在尝试覆盖选择的默认设置。是的 ::selection{ background: grey; } 当窗口未聚焦时,它看起来会生效,但当它聚焦时,它不会生效,并且会显示默认颜色。它不起作用。正确的方法是什么,这样无论焦点如何,都会产生效果 编辑我想我错了。我想更改标记中所选文本的颜色。我该怎么做?这是默认的浏览器行为,您无法更改,当窗口未聚焦时,选定的颜色变为灰色,可能是它表示无法复制文本(有点禁用选择),因此我们无法控制该颜色 例2 这是默认的浏览器行为,您无法更改,当窗口未聚焦时

我正在尝试覆盖选择的默认设置。是的

::selection{
  background: grey;
}
当窗口未聚焦时,它看起来会生效,但当它聚焦时,它不会生效,并且会显示默认颜色。它不起作用。正确的方法是什么,这样无论焦点如何,都会产生效果


编辑我想我错了。我想更改
标记中所选文本的颜色。我该怎么做?

这是默认的浏览器行为,您无法更改,当窗口未聚焦时,选定的颜色变为灰色,可能是它表示无法复制文本(有点禁用选择),因此我们无法控制该颜色


例2


这是默认的浏览器行为,您无法更改,当窗口未聚焦时,所选颜色变为灰色,可能表示无法复制文本(有点禁用选择),因此我们无法控制该颜色


例2


您可能正在使用Firefox,它需要
-moz
前缀:

::selection {
    color: fireBrick;
}

::-moz-selection {
    color: fireBrick;
}
演示:


请注意,您不能将它们分组在一起。其中一个不起作用,因此整个规则块都会中断。

您可能正在使用Firefox,它需要
-moz
前缀:

::selection {
    color: fireBrick;
}

::-moz-selection {
    color: fireBrick;
}
演示:

请注意,您不能将它们分组在一起。其中一个不起作用,因此整个规则块都会中断。

应该可以正常工作。这个问题似乎是由其他原因造成的

::selection
{
background: grey;
}
::-moz-selection
{
background: grey;
}
应该很好。这个问题似乎是由其他原因造成的

::selection
{
background: grey;
}
::-moz-selection
{
background: grey;
}

不,你没听清他的问题,他希望在窗口失焦时所选的颜色相同:)@Mr.Alien:你确定吗?“但是当它聚焦时,它没有效果,默认颜色出现”。它看起来根本不起作用,OP把默认行为误认为是工作代码。我想覆盖默认行为,不管是否集中。它在一定程度上是有效的(如果没有聚焦,这也意味着我不需要前缀,事实上,我正在使用Chrome)。@sawa:将
灰色
更改为
红色
,然后看看会发生什么。@sawa这是一个默认的浏览器效果,无法更改,我不确定jQuery或JS是否会这样做不,你没有听到他的问题,他希望当窗口不对焦时所选的颜色相同:)@Mr.Alien:确定吗?“但是当它聚焦时,它没有效果,默认颜色出现”。它看起来根本不起作用,OP把默认行为误认为是工作代码。我想覆盖默认行为,不管是否集中。它部分起作用(当不聚焦时,这也意味着我不需要前缀,事实上,我使用的是Chrome)。@sawa:将
灰色
更改为
红色
,看看会发生什么。@sawa这是一种默认的浏览器效果,不能更改,我不确定jQuery或JS是否会在
之前执行其勾选
输入
::选择
粘贴
输入
:选择