::选择正在跳过一些行

Question

我有这个JSFiddle如果您尝试选择文本的一部分是正确的颜色，其余的是自定义蓝色。

::selection {background-color: #FF6347; color: #fff;}
::-moz-selection{background-color: #FF6347; color: #fff;}

有什么方法可以解决吗？

在Safari 9.1上测试。

铬：

Safari浏览器：

Answer 1

问题是，:: selection元素在支持chrome和safari方面存在一些问题。

https://developer.mozilla.org/en-US/docs/Web/CSS/%3a%3aselection

为了让你在chrome / safari中查看更好一些，你必须将代码包装在span或段落之间。

https://jsfiddle.net/akrm7uaL/8/

如您所见，文本包含在div或span中，因此所有文本在选中时都是红色的。遗憾的是，当您在代码中放置一个新的div时，浏览器将不支持文本之间的空格。要解决这个问题，你必须将所有文本放在一个span而不是div中，并将它放在一个这样的div之间..

<div><span class="circular"></span></div> <!-- instead of --> <div><div class="circular"></div></div>

https://jsfiddle.net/akrm7uaL/11/

当我查看你的代码时，我认为你使用javascript或php或其他东西的id，所以如果你必须将id添加到你的代码中，它将不完全是你的情况..