如何防止所选文本中重叠行高变暗



当文本具有紧密的行高时,有没有办法控制不透明度,使其不会在重叠处变暗?我尝试将背景颜色的不透明度更改为1,但这没有任何区别。如果我将背景颜色更改为yellow,则不太明显,但我更愿意使其更接近本机操作系统颜色。

* { font-size: 16px; font-family: sans-serif; }
p {
line-height: 0.5rem;
}
p::selection { 
background-color: rgba(172, 206, 247, 1.0);
}
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, delectus incidunt, numquam sint saepe officia. Cum, porro! Animi atque, veniam voluptate, iure at quae, est dolores unde, accusamus nesciunt amet.</p>

这种效果在 Safari 中并不明显。我担心谷歌浏览器。

如何防止所选文本中重叠行高时变暗?

1的不透明度是完全不透明的,是默认值。设置为较低的值似乎有所帮助:

* { font-size: 16px; font-family: sans-serif; }
p {
line-height: 0.5rem;
}
p::selection { 
background-color: rgba(172, 206, 247, .3);
}
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, delectus incidunt, numquam sint saepe officia. Cum, porro! Animi atque, veniam voluptate, iure at quae, est dolores unde, accusamus nesciunt amet.</p>

最新更新