Css <；span>；线条高度样式更改会干扰浏览器高亮显示

在标记中，我正在更改线条高度：

<span class="text-header-huge" style="line-height: 90%;">
    XXX
    <br>
    XXX.
</span>

XXX


XXX。

它看起来不错，但是当我用浏览器突出显示文本时，就会发生这种情况

突出显示应完全包围文本。

---

如何修复此问题？

我怀疑是否有一个简单可行的解决方案，因为浏览器会根据字体大小设置选择的高度。。。或者那只是我的愚蠢（我不是这些事情的大师）

不过，如果将文本分成一组

内联块

，则可以或多或少地选择一些内容。我的版本并不完美，但至少它突出了整行。希望有帮助：

。文本标题巨大{
显示：内联块；
字体系列：“titilliumweb”，无衬线；
字号：900；
字体大小：120px；
线高：80%；
背景颜色：粉红色；
}
.文本标题跨度大{
显示：内联块；
背景颜色：黄色；
}

XXX


XXX


XXX

这通常是webfont的结果。你用的是什么网络字体？如果删除

行高

，是否存在问题？@Robotnicka我使用的是web字体这里是problem@zgood谢谢你这么做，我下次一定会这么做。这是一个很好的问题，我不确定你想要的线高度是否可行。它基本上是从上面的文字中删掉的。Mozilla开发文档：涵盖了选择伪类可能影响的内容：颜色、背景色、光标、轮廓、文本装饰、文本强调色和文本阴影。