文本选择（蓝色背景）只填充Chrome中顶部的填充

我有一个内嵌元素，顶部和底部填充了填充。如果我选择文本，在Chrome浏览器中选择填充（垂直）上进行填充，而不是底部填充：文本选择（蓝色背景）只填充Chrome中顶部的填充

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

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

为什么选择只延伸到顶部而不是底部？要么我希望它在两个方向拉伸或至少没有拉伸。我怎样才能达到目的？没有额外的标签。顺便说一下：在Firefox中，它在任何方向上都行不通，只是在Safari底部?!

2017-08-16 flori

更改显示类型'直列block'不拉伸的选择，在Chrome反正 – sol

嘛不知道为什么会这样，但现在改变它display: inline-block修复它

2017-08-16 12:08:55

的意图的准确原因使它在两个方向上伸展，现在它不 – rebecca

@rebecca是的，更好的是在两个方向。然而，正如我上面所说，根本没有拉伸也是一个进步。 – flori

我的不好，抱歉！ – rebecca

回答