• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > Div+Css >  css禁止用户选中文字正文

css禁止用户选中文字

作者:网页模板
类型:文章教程
点击次数:
发布时间:2017-08-07 15:41
分享到:
我们在做网站的时候,可能有时候不希望用户拖拽选中或使用键盘的ctrl+a选中一些重要的内容,下面的代码可以禁止整个页面或者某个容器内容文字被选中:
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
实例1:如果整个页面都不希望用户选中可以用下面的代码:
body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
实例2:如果仅仅只希望默写内容不能被选中,可以用下面的代码:
.unAbleSelect{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

<div class="unAbleSelect">这是一段不能被选中的文字</div>

(责任编辑:网页模板)
  • 本文标签:
  • 禁止用户选中
background-position背景位置百分比原理
实际尺寸厘米和像素、分辨率的关系