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

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

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

然而，当你修改选择背景时，我注意到Chrome中有一些奇怪的行为

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

---

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

我看了一眼，无法理解它，您可以做的一件事是更改字体颜色、大小、文本阴影等。。。而不是背景，以提供自定义的选定文本。我不知道这对你是否有好处，虽然看起来情况有所改善。Chrome现在的工作原理与Firefox相同，没有选择填充。也试过IE，也一样。进步万岁。