css 覆盖禁用文本选择

Question

有些人出于各种原因喜欢禁用文本选择，例如如果有人按 CTRL A，保持它打开会使页面看起来很难看，或者您可能不希望人们在突出显示要在 Google 上搜索的文本后离开您的网站!

我在我的网站上全局禁用了文本选择，并希望根据需要在特定元素上重新启用它。经过一番调查，我找到了解决方案。

列出的所有代码都经过测试并可在多种浏览器上运行。

CSS 全局禁用文本选择的示例。

* {user-select:none;}

Answer 1

解决方案。请查看下面的 jsfiddle 链接以获取工作示例。

HTML

<h2>Unselectable/Selectable</h2><br/>
<p>You can't select any of this text but you can select the text in the box below because a css rule has been made specifically to reenable text selection for that particular element.<br/><br/></p>
<input name="title" id='selectMe' type="textbox" />

CSS

* {padding:20px; user-select:none;}
#selectMe {user-select:text; border:1px solid #000; padding:10px;}

http://jsfiddle.net/7zwr0ody/1/