文字选择（蓝色背景）仅填充Chrome

Question

我有一个内嵌元素，顶部和底部有填充。如果我选择文本，则在Chrome中选择会填充（垂直）顶部填充，但不填充底部填充：

＆＃13;

＆＃13;

<span style="background-color:grey; padding: 10px 0;">selected this text</span>

＆＃13;

＆＃13;

＆＃13;

运行该代码并选择文本。在我的Chrome（Mac上的第60版）中，它看起来像这样（蓝色是选择）：

为什么选择只延伸到顶部而不是底部？要么我想要它在两个方向拉伸，要么至少没有。我怎么能做到这一点？没有额外的标签就跳了。

顺便说一下：在Firefox中它没有任何方向，在Safari中只是最底层？！

Answer 1

嗯，不知道为什么会发生这种情况的确切原因，但改变它display: inline-block现在修复它