分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

css禁止文字被选中

发布时间:2023-09-06 01:15责任编辑:傅花花关键词:暂无标签

有时候,为了让用户有更好的体验,需要禁用掉文本选中功能

比如:使用a标签模拟按钮,如果不禁用掉文本选中功能,那么双击时会选中文字,用起来很不爽。

多数情况下,只需要使用CSS样式就可以实现这个功能啦:

1 body{2 ??-o-user-select: none;3 ??-moz-user-select: none; /*火狐 firefox*/4 ??-webkit-user-select: none; /*webkit浏览器*/5 ??-ms-user-select: none; /*IE10+*/
6 ??-khtml-user-select :none; /*早期的浏览器*/
7 ??user-select: none;
8 }

 user-select有四个值:

  none:文本不能被选择

  text:可以选择文本

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

  element:可以选择文本,但选择范围受元素边界的约束

值得注意的是:IE6-9目前需要通过JavaScript来实现。

1 document.body.onselectstart = document.body.ondrag = function(){2   return false;3 }

css禁止文字被选中

原文地址:http://www.cnblogs.com/hkx520/p/7617410.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved