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/

Answer 1

好了，所以跟随着g this question我找到了答案：

由于某些原因，Chrome强制它是半透明的。不过，你可以通过使用rgba设置背景来解决这个问题。我已经设置 的Alpha值只是0.01小于1

::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

这个片段你应该尝试这样的 -

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

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

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

Answer 3

也许这是一个浏览器特定的问题。

试试这个：

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.

下面是结果在打印：