设置所选文本

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

应该正常工作，See this demo。问题似乎是由于其他原因

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