英文原文：Disable Text Highlighting With CSS

当用户在浏览网页时候选择一段文本后，浏览器会高亮显示所选中的文本，一般是反色处理。我们可以通过 CSS 选择器 ::selection 来定义所选择文本的样式。

例如我们要禁用文本选择后的高亮显示可以这样（这也是一种好的方法让别人很难从你网站上拷贝文本内容）：

.disable_text_highlighting {
	-webkit-user-select: none; /* Webkit */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* IE 10  */
	/* Currently not supported in Opera but will be soon */
	-o-user-select: none;
	user-select: none;
}

这个属性有三个值：

• Auto - 访客可选择元素所有内容
• None - 不允许选择文本
• Text - 只允许选择文本内容

目前这种方法支持 webkit 的浏览器、Firefox 和 IE10。

不过本人测试在 FF 下无效，在 chrome 下有效，在线演示

本文中的所有译文仅用于学习和交流目的，转载请务必注明文章译者、出处、和本文链接。 2KB翻译工作遵照 CC 协议，如果我们的工作有侵犯到您的权益，请及时联系我们。

2KB项目（www.2kb.com，源码交易平台）,提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务