文本選擇（藍色背景）只填充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

回答