如何使 ::selection 背景不透明度：1？

Posted 2023-03-06

【中文标题】如何使 ::selection 背景不透明度：1？

【英文标题】：How to make ::selection background opacity: 1?

【发布时间】：2014-05-10 04:54:50

【问题描述】：

这可能吗？我希望所选文本具有纯色背景，而不是透明背景。 opacity: 1 不这样做，因为必须有来自浏览器的标准覆盖（或类似的东西）。

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


::selection 
  background: #fff;
  color: #000;


body 
  color: #fff;
  font-family: sans-serif;
  line-height: 2em;


div 
  padding: 2em;
  background: #F8372A;
  text-align: center;

<div>
  <h1>HEY!</h1>
  <p>why is my background not<br/><strong>STARK WHITE</strong><br/>when selected?</p>
</div>

【参考方案1】：

刚刚在::selection 上尝试使用background-color: rgba(255,255,255,0.99); 并且它有效：

http://jsfiddle.net/Hc25u/

【讨论】：

太棒了。谢谢。

我想知道为什么任何高于0.99 的东西都不起作用...