Webkit：CSS文本选择样式不能使背景变白？

Question

所以文本选择通过 ::selection 伪元素进行样式化，以覆盖浏览器的默认选择颜色。但对我来说，白色作为选择背景颜色似乎是被禁止的，而是采用灰色、不透明的颜色。

::selection      { color: black;  background: white; }
::-moz-selection { color: black;  background: white; }

body {
    background: black;
    color: white;
}

So selecting me is supposed to invert the text and background colors. But the selected text background color is not white, but grey.

为什么这不创建一个完美的白色背景？相反，它显示灰色背景 (#989898)

在https://jsfiddle.net/duk3/hzodm1sh/上也可以看到这个sn-p

Answer 1

好的，关注this question我找到了答案：

由于某种原因，Chrome 强制它是半透明的。然而，你 可以通过使用 rgba 设置背景来解决这个问题。我已经设定 alpha 值仅比 1 小 0.01。

::selection { color: black;  background: rgba(255, 255, 255, 0.996);
; }

body {
    background: black;
    color: white;
}

Selecting me DOES invert the text and background colors. Well, almost, but it looks like perfect white.

Answer 2

可能是浏览器特有的问题。

试试这个：

Fiddle

::selection {
    color: black;
    background: white;
}
body {
    background: black;
    color: white;
}
::-moz-selection {
    color: black;
    background: white;
}

So selecting me is supposed to invert the text and background colors.

这是打印结果：