css - 将段落中的链接设置为 "display: inline-block"，然后选择/突出显示整个段落时，链接上方会出现一个小块？

标签 css

当突出显示包含设置为“display:inline-block”的链接的段落时，链接顶部会出现一个白色的小块(当它被选中/突出显示时)。按 Ctrl+A 选择页面上的所有内容，您将看到问题所在。

如果我将行高更改为 16px - 它会消失，但段落和链接的行高是相同的。我需要将链接显示为内联 block ，因为我有弹出的工具提示，如果链接被新行分成两半，工具提示会出现在页面中间，所以内联 block 是必须的。

最佳答案

它只发生在 webkit 浏览器(Chrome 和 Safari)中。这与浏览器引擎如何呈现文本选择突出显示有关，并不是真正的 CSS 问题。因为当您应用背景颜色时，您的代码将 work same in every browser.

如果您认为这是一个错误，可以将其报告给 webkit.org

enter image description here

关于css - 将段落中的链接设置为 "display: inline-block"，然后选择/突出显示整个段落时，链接上方会出现一个小块？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7461287/