自定义 CSS 选择/突出显示不正确

【问题标题】：Custom CSS Selection/Highlight is not right opacity自定义 CSS 选择/突出显示不正确
【发布时间】：2021-02-04 15:46:04
【问题描述】：

我将默认部分样式覆盖到下面的代码中。但是黑色并没有完全不透明，而是呈深灰色。

::-moz-selection {
color: #fff;
background-color: #000;
}
::selection {
color: #fff;
background-color: #000;
}

<a>Hello World!</a>

【问题讨论】：

我认为这可能是预期的行为。因此，例如，如果您将文本颜色也设为 #000，它会显示（只是）。即应用了一点透明度。
并且没有办法克服这种默认行为？

标签： css highlight

【解决方案1】：

经过一番玩弄终于让它完全不透明了。

  ::-moz-selection { 
color: rgba(255,255,255,0.99);
background-color: rgba(0,0,0,0.99);
}
    
::selection { 
color: rgba(255,255,255,0.99);
background-color: rgba(0,0,0,0.99);
  }

【讨论】：

或者你可以通过使用#fffffffe和#000000fe来使用带有alpha的十六进制
关于重叠突出显示问题的相关且有趣的讨论位于 [link]stackoverflow.com/questions/62867972/… - @cornonthecob 是贡献者。