css - 选定文本的设置

Question

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

::selection{
  background: grey;
}

并且看起来在窗口没有聚焦时生效，但是当它聚焦时，它没有效果并且出现默认颜色。它不工作。这样做的正确方法是什么，这样无论焦点如何都能产生效果？

编辑我认为我错了。我想更改<input>标签中所选文本的颜色。我怎样才能做到这一点？

Answer 1

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

---

示例 2

Answer 2

您可能正在使用 Firefox，它需要-moz前缀：

::selection {
    color: fireBrick;
}

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

演示：http: //jsfiddle.net/N4AUY/

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

Answer 3

应该可以正常工作，请参阅此演示。问题似乎是由于其他原因

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