Question

奇怪的行为很难解释，很难在谷歌搜索解决方案。

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

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

知道为什么会这样吗？我不关心网站上的其他文字，但是我在网站上找到了一个商店弹出窗口，它给我一个带地址的商店列表 - 用户可以预期这些地址可以复制到谷歌地图或其他地方打开。任何帮助表示赞赏。

Answer 1

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

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

Demo

Answer 2

您只需向background pseudo-element添加::selection即可。例如：

*::-moz-selection { background: red; }
*::selection      { background: red; }

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/

以下是Chris Coyier撰写的文章：

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

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

3 个答案: