本文摘自PHP中文网,作者V,侵删。
css实现文字不能选中的方法:可以利用user-select属性来实现,如【-webkit-user-select:none;-moz-user-select:none;】。user-select属性用来控制内容的可选择性。
属性介绍:
user-select是在css3 UI规范中新增的一个功能,用来控制内容的可选择性。
(学习视频推荐:css视频教程)
属性值:
auto――默认值,用户可以选中元素中的内容
none――用户不能选择元素中的任何内容
text――用户可以选择元素中的文本
element――文本可选,但仅限元素的边界内(只有IE和FF支持)
all――在编辑器内,如果双击/上下文点击发生在子元素上,该元素的最高级祖先元素将被选中。
-moz-none――firefox私有,元素和子元素的文本将不可选,但是input输入框中的文字除外(IE浏览器下是通过onselectstart="javascript:return false;"事件来实现该功能的)
相关阅读 >>
更多相关阅读请进入《css》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者