[译]用CSS来禁止文本选择_html/css

来源：懂视网责编：小采时间：2020-11-27 16:35:12

[译]用CSS来禁止文本选择_html/css

[译]用CSS来禁止文本选择_html/css_WEB-ITnose: 原文：Disable Text Selection with CSS 有些时候我们需要禁止网页的部分文本不能被选择。你可以使用user-select这个CSS特性来实现这个需求。举例下面是一个使用了disable-selection类的样式规则，当它作用于一个HTML元素的时候，它会让我们不能够选

推荐度：

点击下载本文 文档为doc格式

导读[译]用CSS来禁止文本选择_html/css_WEB-ITnose: 原文：Disable Text Selection with CSS 有些时候我们需要禁止网页的部分文本不能被选择。你可以使用user-select这个CSS特性来实现这个需求。举例下面是一个使用了disable-selection类的样式规则，当它作用于一个HTML元素的时候，它会让我们不能够选

有些时候我们需要禁止网页的部分文本不能被选择。你可以使用user-select这个CSS特性来实现这个需求。

举例

下面是一个使用了disable-selection类的样式规则，当它作用于一个HTML元素的时候，它会让我们不能够选择这个元素。

.disable-selection{ -moz-user-select:none; /* Firefox */ -ms-user-select:none; /* Internet Explorer */ -ktml-user-select:none; /* KHTML浏览器（比如：Konqueror） */ -webkit-user-select:none; /* Chrome,Safari,and Opera */ -webkit-touch-callout:none; /* Disable Android and IOS callout */}

关于这些样式的一些细节的解释：

-webkit-user-select是给Chrome,Safari和Opera用的（并不需要使用-o-user-select）。

没有前缀的user-select是被故意略去的。

-webkit-touch-callout属性可以让在移动设备上的触摸后弹出失效。就像下面的这些，我们可以让它们不能出现。