选定文本的设置答案

【问题标题】：Setting for selected text选定文本的设置
【发布时间】：2023-04-04 03:59:01
【问题描述】：

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

::selection{
  background: grey;
}

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

编辑我想我错了。我想更改<input> 标记中选定文本的颜色。我该怎么做？

【问题讨论】：

标签： css focus

【解决方案1】：

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

::selection {
    color: fireBrick;
}

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

示例 2

【讨论】：