Css 选中时网页上的文本未突出显示

奇怪的行为很难解释，也很难在谷歌中找到合适的解决方案

我开发了一个有很多网页的网站。每个网页都有相同的结构，页眉顶端有链接，中间有内容区域，页脚有合法的免责声明，底部有链接。 当我试图通过选择复制网页上的某些文本时，它会被复制到剪贴板，我可以将文本粘贴到其他位置。但是，当我实际选择要复制的文本时，所选文本不会突出显示，这对最终用户来说有点困惑，因为他们可能认为它实际上没有被复制

---

知道为什么会这样吗？我不在乎网站上的其他文字，但我在网站上有一个“定位商店”弹出窗口，它会给我一个带有地址的商店列表——用户希望这些地址可以被复制到谷歌地图或其他地方打开。非常感谢您的帮助。

我认为您应该更改选择文本的背景。它也在你的网站上工作

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

---

我认为您应该更改选择文本的背景。它也在你的网站上工作

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

---

您可以拥有以下设置：

.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;          
}

以下是Chris Coyier的JSFIDLE：

---

您可以拥有以下设置：

.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;          
}

以下是Chris Coyier的JSFIDLE：

---

您只需将

背景添加到您的
：：选择中
。例如：

您只需将
背景
添加到
：：选择
。例如：

我假设你已经在其他浏览器中测试过这一点，以确保这不仅仅是你使用的浏览器中的一个怪癖？我在IE上测试过这一点，效果很好，刚刚从其他答案中意识到，我的样式中有：：selection{text shadow:none}，这导致了chrome、firefox和除IE以外的其他浏览器出现问题，不知道为什么IE忽略了这个样式我想你已经在其他浏览器中测试过了，以确保它不仅仅是你使用的浏览器中的一个怪癖？我已经在IE上测试过了，它在那里工作得很好，刚刚从其他答案中意识到我的样式中有：：selection{text shadow:none}，这导致了chrome上的问题，firefox和除IE之外的其他浏览器，不知道IE为什么会忽略这种风格，谢谢！我在我的样式表中指定了选择{text shadow:none}，IE似乎忽略了该样式并正常高亮显示文本，无论如何，谢谢！成功了，谢谢！我在我的样式表中指定了选择{text shadow:none}，IE似乎忽略了该样式并正常高亮显示文本，无论如何，谢谢！