`

CSS禁止文字选择

阅读更多

CSS禁止文字选择  

2013-01-15 17:30:45|  分类: css |  标签:css禁止文字选择  |举报|字号 订阅

 
 

user-select有两个值:

none:用户不能选择文本

text:用户可以选择文本

需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整

  • body{
  • -moz-user-select: none; /*火狐*/
  • -webkit-user-select: none; /*webkit浏览器*/
  • -ms-user-select: none; /*IE10*/
  • -khtml-user-select: none; /*早期浏览器*/
  • user-select: none;
  • }

IE6-9还没发现相关的CSS属性


  • //IE6-9
  • document.body.onselectstart = document.body.ondrag = function(){
  • return false;
  • }
  • 吞佛公子 写道
    http://bg4728.blog.163.com/blog/static/192401052201301553045616/
     
     
分享到:
评论

相关推荐

    CSS禁止文字选择user-select应用

    这段JavaScript代码会阻止`selectstart`和`drag`事件在`body`元素上触发,从而达到禁止文字选择的效果。虽然这种方法可以解决IE6-9的问题,但它并不适用于其他浏览器,因此通常建议尽量使用CSS来处理,以保持代码的...

    CSS 文字自动换行

    ### CSS文字自动换行 #### 知识点一:CSS自动换行的原理与方法 在Web开发中,实现文本的自动换行是一项常见的需求。本文档主要介绍了如何利用CSS来实现不同浏览器环境下的自动换行功能,并特别关注了对老旧浏览器...

    利用CSS实现禁止双击选择页面内容的实例展示

    在双击左右箭头,快速切换图片滚动时,会选择附近区域的文字,感觉不是很好,今天在同事在分享时,讲到了这个问题, 试了一下,不错,解决了问题。IE及Chrome下的方法一样,对相应的元素添加onselectstart=”return ...

    html、css 禁止文字自动换行属性word-break

    在给定的标题和描述中,提到的是如何使用`word-break`属性来禁止文字自动换行。 `word-break`属性有以下几个可选值: 1. `normal`:这是默认值,遵循浏览器的默认换行规则,通常在单词内部不会强制断行,除非单词...

    禁止复制网页指定区域的文字.rar

    标题中的“禁止复制网页指定区域的文字.rar”表明这个压缩包包含了一个HTML文件,该文件可能是一种防止用户直接复制网页上特定区域文字的技术实现。在网页设计中,有时开发者或网站所有者希望保护他们的内容不被随意...

    通过CSS规则禁止选中文字的实现代码

    本文将详细讲解如何通过CSS规则禁止选中文字,并探讨相关的兼容性问题。 首先,CSS中的`user-select`属性是用于控制元素的可选中性。尽管它尚未成为W3C的正式标准,但大部分现代浏览器都以私有属性的形式支持这一...

    CSS的ime-mode屏蔽中文输入法

    在网页设计中,CSS(Cascading Style Sheets)是一种用于控制网页元素呈现样式的语言。在某些场景下,开发者可能需要禁用特定文本输入框的中文输入法,以优化用户体验或者满足特殊需求。`ime-mode`是CSS中的一个属性...

    css文字控制与css文本样式示例和属性

    在CSS中,文字控制和文本样式是构建良好用户体验的基础,对网页内容的可读性和美观性具有重要影响。以下将详细介绍CSS中与文字控制及文本样式相关的属性和示例。 一、CSS控制文字属性: 1. font-size:该属性用于...

    高级表格禁止选择多行源码

    因此,"高级表格禁止选择多行"的功能需求应运而生。 该资源是由名为"ffsfdsa"的开发者提供的,目的是解决在高级表格中多行选择的问题,以提供更加清爽和易于操作的界面。开发者可能通过修改表格的JavaScript或CSS...

    CSS自动换行

    以上介绍的自动换行策略覆盖了从基本的文本换行到复杂布局中的自动调整,通过合理选择和组合这些CSS属性,开发者可以轻松应对不同场景下的自动换行需求,同时确保页面在各种浏览器中都能呈现出一致且美观的效果。...

    js鼠标移动时禁止选中文字

    总的来说,禁止用户通过鼠标选择文字是通过CSS样式来实现的,特别是使用`user-select`属性。同时,我们可以通过JavaScript监听和处理鼠标事件,以在特定情况下动态控制文本选择的行为。然而,应当谨慎使用这样的功能...

    CSS命名规则

    2. **禁止以数字开头**:选择器标识符不能以数字开头,也不能以连字号(-)后面紧跟数字的形式出现。 3. **允许的特殊字符**:选择器还可以包含转义字符来表示任何ISO 10646字符作为数字编码。 #### 三、示例分析 ...

    CSS控制文字换行、裁剪

    在CSS中,对文字的换行和裁剪的控制是一项重要的布局技巧,它能帮助我们更好地组织和展示网页内容。本文将深入探讨CSS中的几个关键属性,包括`word-wrap`、`word-break`、`white-space`以及如何实现文字溢出时显示...

    头歌教学实践平台 Web前端开发基础 CSS-文本与字体样式

    `user-select`属性控制用户是否可以选择文本,例如`none`禁止选择,`text`允许选择。 六、字体缩放 `zoom`属性在非IE浏览器中调整元素的缩放比例,而`-ms-zoom`则针对IE浏览器。 七、响应式文本 使用媒体查询`@...

    3.5CSS 内容总结(五)高级技巧.md

    - `not-allowed`: 禁止样式。 ##### 轮廓线(Outline) - `outline: none;` 可以移除元素周围的轮廓线,防止视觉干扰。 ##### 防止文本域拖拽 - `resize: none;` 可以禁用文本域的拖拽功能。 #### 5. `vertical...

    js网页禁右键、复制、选择文字

    网页开发中,有时为了保护内容的安全性和设计的独特性,开发者可能会选择禁用一些用户常见的交互功能,如右键点击、复制文本以及选择文字等。在JavaScript(简称js)中,可以实现这些限制,以增强网站的用户体验或者...

    css的使用技巧

    /* 设置背景图片并禁止重复显示 */ } ``` **解析**:通过设置`line-height`与图片高度相同来实现图片的垂直居中,同时使用`text-indent`使文字相对于图片位置进行缩进,确保文字不被图片遮挡。`background:no-...

Global site tag (gtag.js) - Google Analytics