css如何实现文字不能选中


本文摘自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;"事件来实现该功能的)

阅读剩余部分

相关阅读 >>

怎么在html页面写css样式表

html怎么设置文字的间距

css如何设置元素不可见

css怎么实现溢出隐藏

css怎样缩进文本?

css全称

css如何设置字体平滑

css超出宽度怎么显示省略号

css如何从png里截取小图标

css外边距如何定义

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...