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

2018-06-14 13:17:27

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

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

但是，当您修改选择背景时，我在Chrome中发现了一些奇怪的行为。

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

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

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

链接地址: http://www.djcxy.com/p/41397.html