在日常运用中，经常遇到点击按钮/菜单的时候，选中了文本，为了避免这种情况，可以使用纯css来解决这个问题（IE10+），对于旧版本的就只能用js：onselectstart = 'return false;'这种方式。以下介绍一下-prefix-user-select：
Formal syntax: none | text | all | element

(-prefix-)user-select: none;　　//全部都不可选择

(-prefix-)user-select: text;　　//允许文本选择

(-prefix-)user-select: all;　　//In an HTML editor, if a double-click or context-click occurred in sub-elements, the highest ancestor with this value will be selected.

(-prefix-)user-select: element;　　//只有IE ff支持，无视……

注意这属性不属于w3c标准！
　　目前主要使用的是none & text
　　假定结构如下：
<body>

    <nav>

        <dt>level 1</dt>

    </nav>

    <p>xxxxxxxxxxxxxxxxxxxx</p>

</body>

　　CSS如下：

body{

    -webkit-user-select: none;

}    

nav dt{

    -webkit-user-select: text;

}

　　结果是：p标签的文字不能选中，dt的文字则能正常选中。

　　

 
												


											
CSS阻止文本选择的更多相关文章
	

    
								
  1. 推荐20款基于 jQuery & CSS 的文本效果插件
		
    jQuery 和 CSS 可以说是设计和开发行业的一次革命.这一切如此简单,快捷的一站式服务.jQuery 允许你在你的网页中添加一些真正令人惊叹的东西而不用付出很大的努力,要感谢那些优秀的 jQue ...
    
		
    2. 
						
  2. CSS换行文本溢出显示省略号
		
    现代浏览器中使用css可以实现文本溢出,使用 text-overflow: ellipsis;在有些场景下没有效果,这个时候你需要检查应用的场景是是否是块元素,是否有确切的width. 如果是行内元素 ...
    
		
    3. 
						
  3. css构造文本
		
    1. 1. 文本缩进text-indent:值:值为数字,最常用的数值单位是px(像素),也可以直接是百分比!text-indent:100px;text-indent:10%;2. 文本对齐text ...
    
		
    4. 
						
  4. CSS控制文本超出指定宽度后用省略号代替，CSS控制文本不换行
		
    CSS控制文本超出指定宽度后用省略号代替,CSS控制文本不换行. 一般的文字截断(适用于内联与块): .text-overflow {     display:block;/*内联对象需加*/     ...
    
		
    5. 
						
  5. 关于用css实现文本和图片垂直水平居中
		
    关于用css实现文本和图片垂直水平居中   一直相信好记性不如烂笔头,最近遇到很多用到垂直居中的,整理一下以便日后查阅. 一.文本垂直水平居中 1.水平居中: 文字水平居中没什么好说的,用text-a ...
    
		
    6. 
						
  6. css常用文本属性
		
    [CSS常用文本属性] 1. 字体.字号类: ① font-weight: 字体粗细. bold-加粗.normal-正常.lighter-细体 也可以使用100-900数值,400表示normal, ...
    
		
    7. 
						
  7. jq选择器（jq 与 js 互相转换），jq操作css样式 / 文本内容， jq操作类名，jq操作全局属性,jq获取盒子信息,jq获取位置信息
		
    jq选择器(jq 与 js 互相转换) // 获取所有的页面元素jq对象 $('css3选择器语法'); var $box = $(".box:nth-child(1)"); 获取 ...
    
		
    8. 
						
  8. 复习-css控制文本字体属性
		
    css控制文本字体属性 font-family:字体系列,如”serif“”sans-serif“ font-size:尺寸 font-style:字体样式,如“normal,italic(斜体).o ...
    
		
    9. 
						
  9. CSS关于文本渲染的属性text-rendering
		
    CSS关于文本渲染的属性text-rendering告诉渲染引擎工作时如何优化显示文本. 浏览器会在渲染速度.易读性(清晰度)和几何精度方面做一个权衡. 我们知道,SVG-可缩放矢量图形(Scalab ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. shell脚本实现仅保留某目录下最新的两个文件
			
    #!/bin/sh export DS_DIR=/home/cxy/test if [ ! -d $DS_DIR ]; then mkdir $DS_DIR else echo "$DS_D ...
    
			
    2. 
						
  2. java-map-EnumMap
			
    在平常的项目中,enumMap是比较少用到的一种map,一般都不会使用到这种容器,那么我将从如下几个方面来阐述我对enumMap的理解 1.使用场景 在key是比较固定的情况下,使用enumMap是最 ...
    
			
    3. 
						
  3. debug 输出 以及宏定义--备
			
    使用NSLog的一个风险是:它的运行会占用时间和设备资源. 所以在编译版本前一定不要有nslog. 同时当你的工程中有很多log 输出的时候 查找起来很不方便 ,下面介绍一种方法 可以使我们事半功倍. ...
    
			
    4. 
						
  4. [POJ] 3020 Antenna Placement(二分图最大匹配)
			
    题目地址:http://poj.org/problem?id=3020 输入一个字符矩阵,'*'可行,'o'不可行.因为一个点可以和上下左右四个方向的一个可行点组成一个集合,所以对图进行黑白染色(每个 ...
    
			
    5. 
						
  5. memcpy造成其他变量值改变
			
        以前C/C++遇到过很多很多的问题,有时候费了很久很久时间,很大很大的努力才解决.但是都没有记录下来,现在想想以前的遇到的问题,只知道这样的事情发生过,至于是什么问题,一点印象都没有了.所以遇 ...
    
			
    6. 
						
  6. android中如何处理cookie
			
    Managing Cookies HttpClient provides cookie management features that can be particularly useful to t ...
    
			
    7. 
						
  7. Summation of primes
			
    是我算法不对,还是笔记本CPU太差? 我优化了两次,还是花了三四个小时来得到结果. 在输出上加1就是最终结果. The sum of the primes below 10 is 2 + 3 + 5  ...
    
			
    8. 
						
  8. MCS-51单片机I/O端口的存取
			
    MCS-51单片机通常有4个8位I/O端口, 向各端口的写数据均写入到对应端口的锁存器中, 但对各端口的读操作却有两个方式:读锁存器和读引脚 1 读-修改-写操作    Pn(指P0,P1,P2,P3 ...
    
			
    9. 
						
  9. windows下MongoDB的安装及配置
			
    http://jingyan.baidu.com/article/d5c4b52bef7268da560dc5f8.html 使用MongoVUE链接本地mongodb 基本用法见这里:http:// ...
    
			
    10. 
						
  10. NetAnalyzer笔记 之 十  通过邮件方式打造自己的bug反馈模块(C#)
			
    在软件发布后,有个好的反馈系统,对我们后续的软件开发有着至关重要的影响,现今软件异常反馈功能模块已经成了软件中重要的组成部分了.但是对于个人软件开发者,尤其是对于我这种贫民个人软件开发者却是个不小的难 ...
    
			
    11.