为什么 *::selection 不能给你正确的颜色？答案

【问题标题】：Why does *::selection not give you the correct colour?为什么 *::selection 不能给你正确的颜色？
【发布时间】：2013-07-22 21:30:52
【问题描述】：

我用谷歌搜索了这个，但找不到任何信息。

假设您将页面突出显示颜色设置为漂亮的橙色：

*::selection {
     background: #C44610;
 }

为什么，当您突出显示您的页面时，背景是否显示为红色，我在 Photoshop 中涂抹了这种颜色，它给了我一个十六进制值 #c24432，这与我选择的橙色相差甚远。

我已在 Chrome 上对此进行了测试。在 Firefox 中，我根本无法让选择工作，它只是给了我默认颜色。

有什么想法吗？

【问题讨论】：

标签： css background selection

【解决方案1】：

例如你可以编辑这段代码：

::selection{ background-color: #E13300; color: white; }
::moz-selection{ background-color: #E13300; color: white; }
::webkit-selection{ background-color: #E13300; color: white; }

【讨论】：

使用上面的代码会给你想要的全局 ::selection 样式。
前缀以破折号 ( - ) 开头和结尾，我认为 -webkit- vendor 前缀不是必需的

【解决方案2】：

不需要 *

Firefox 也需要::-moz-selection {}

顺便说一句，您应该考虑到由于选择颜色有点透明，它会根据背景而变化...

来自阿根廷的问候

【讨论】：

有趣的是，我实际上并没有考虑透明度问题。由于没有办法解决这个问题，您对找到与我最初的橙色相匹配的正确十六进制有什么想法吗？
由于依赖于背景，实际上是不可能的。因此，您可以在白色上找到正确的颜色，例如，如果背景是黑色，它就不会相同。