Chrome和Firefox中带填充元素的文本选择行为

Question

当用户选择文本div时，大多数浏览器会更改文本的背景颜色。您可以使用CSS自定义背景颜色，如下所示：

.test::-moz-selection  {
    background: red;
}
.test::selection {
    background: red;
}

但是，当您修改选择背景时，我会注意到Chrome中的一些奇怪行为。

有时选择整个元素包括填充，有时只选择文本部分，有时选择填充的一部分。下面是jsfiddle的链接，尝试选择Xs。如何从Chrome中获得一致的行为？ （应选择所有填充或无填充）。

http://jsfiddle.net/L8kzLy6h/3/

如果您在Firefox中尝试，则选择更加一致（未选择填充）。