网页上的文字未被选中时突出显示

Question

奇怪的行为难以解释，难以在Google中适当地搜索解决方案。

我开发了一个带有许多网页的site。每个网页都有相同的结构，标题包含顶部的链接，中间的内容区域以及底部的合法免责声明和链接。

当我尝试通过选择复制网页上的一些文本时，它被复制到剪贴板，我可以将文本粘贴到其他地方。但是，当我真的选择要复制的文本时，所选文本不会突出显示，这对于最终用户来说是一种混淆，因为他们可能认为它在实际中并未被复制。

任何想法为什么会发生这种情况？我并不关心网站上的其他文字，但我在网站上找到了一个商店的弹出窗口，它提供了一个有地址的商店列表 - 用户会希望这些地址可以复制到Google地图或其他地方。任何帮助表示赞赏。

Answer 1

您只需要将background添加到您的::selectionpseudo-element。例如：

​​

Answer 2

我相信你应该改变选择文本的背景。它在你的网站的工作也

::selection { 
    background-color: #CC0000; 
} 

Demo

Answer 3

您可能有以下设置：

.row-of-icons { 
    -webkit-user-select: none; /* Chrome all/Safari all */ 
    -moz-user-select: none;  /* Firefox all */ 
    -ms-user-select: none;  /* IE 10+ */ 
    -o-user-select: none;  /* Opera */ 
    user-select: none;   
} 

http://css-tricks.com/almanac/properties/u/user-select/

这里的的jsfiddle克里斯Coyier：

http://jsfiddle.net/chriscoyier/vGG8F/3/