百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> user-select怎样运用?默许值有哪些?
分享文章到:

user-select怎样运用?默许值有哪些?

发布时间:09/01 来源:未知 浏览: 关键词:
user-select是用于设定会员可否能够选中文本,它的默许值是text,表示的是可以选中文本。它还有其他三个属性值离别是none不克不及被选中,all所有内容作为团体可被选中乃至element可以选中但受元素边界束缚

user-select属性是css3新增的属性,用于设定会员可否能够选中文本。

语法

user-select:none | text | all | element

默许值:text

适用范畴:除更换元素外的所有元素

取值说明

none:文本不克不及被选中

text:可以选中文本

all:当所有内容作为一个团体时可以被选中。假如双击或者在上下文上点击子元素,那么被选中的部分将是以该子元素向上回溯的最高祖先元素。

element:可以选中文本,但选中范畴受元素边界的束缚

说明

1、IE6-9不支撑该属性,但支撑使用标签属性 onselectstart=”return false;”来到达 user-select:none 的结果;Safari和Chrome也支撑该标签属性;

2、直到Opera12.5依然不支撑该属性,但和IE6-9一样,也支撑使用私有的标签属性 unselectable=”on” 来到达 user-select:none的结果;unselectable 的另一个值是off;

3、除Chrome和*Safari外,在其它阅读器中,假如将文本设定为 -ms-user-select:none;,则会员将没法在该文本块中开端选中文本。不外,假如会员在页面的其他区域开端选中文本,则会员依然可以连续选中将文本设定为 -ms-user-select:none; *的区域文本;

4、对应的足本特性为userSelect

例:

css代码:

.box{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

html代码:

<div class="box" onselectstart="return false;" unselectable="on">
    这是测试数据
</div>

以上就是user-select怎样使用?默许值是啥?的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

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

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

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

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有154人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板