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

阅读剩余部分

相关阅读 >>

css怎么控制文字不换行

css背景如何设置透明度

css如何设置粗体

css具备什么特点

css 派生选择器通过什么来定义

css中不属于添加在当前页面的形式是什么

css中如何改变字体大小

css上下间距怎么设置

css中auto什么意思

css中更改透明度的属性是什么

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




打赏

取消

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

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

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

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

评论

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