CSS 禁止文字选中

现象：html中可能有些地方不想让用户复制文字，或是用a标签做了个点击按钮，点快的时候文字会被选中，很丑，这个时候可以使用下面的方案禁止文字选中。

原因：鼠标点快了。

解决方案：

不同的浏览器设置的内容不一样，user-select不是一个W3C的标准，浏览器的支持不完成，需要对不同的浏览器进行调整。

body{

-moz-user-select: none; /*火狐*/

-webkit-user-select: none; /*webkit浏览器*/

-ms-user-select: none; /*IE10*/

-khtml-user-select: none; /*早期浏览器*/

user-select: none;

}

user-select有2个值（none表示不能选中文本，text表示可以选择文本）

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

//IE6-9

document.body.onselectstart = document.body.ondrag = function(){

return false;

}

参考地址：脚本之家， 163博客，博客园（比较全）

转载于:https://www.cnblogs.com/learnmoredaybyday/p/3710712.html

CSS 禁止文字选中相关推荐

禁止文字选中 css
可以设置你需要禁止选中文字区域的 css.如: 代码如下: .table { text-align: center; vertical-align:middle; height: 39px; ...
css 禁止手机选中,移动端-禁止长按选中文本
最近在项目中遇到了需要长按选中礼物码的东西,需要把礼物码旁边的文本禁止掉,查了资料,发现了两种方法可以禁止. css方法: .no-touch { -webkit-touch-callout: non ...
css禁止鼠标双击选中文字
div{-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/- ...
前端开发css禁止选中文本
在我们日常的Java web前端开发的过程中呢,程序员们会遇到各种各样的要求,所以不每天学的东西感觉自己都退步了,都更不上时代的发展了. 每天应对各种需求,每天活在疑问中就是我们程序员的真是写照.但我 ...
html禁止双击选中文本,CSS阻止页面双击选中文本
在双击左右箭头,快速切换图片滚动时,会选择附近区域的文字,感觉不是很好,今天在同事在分享时,讲到了这个问题, 试了一下,不错,解决了问题 IE及Chrome下的方法一样,对相应的元素添加onselec ...
css禁止双击dom节点被选中user-select:none
/*数量加减时,禁止双击选中*/ span.num{moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-kht ...
[css]怎么改变选中文本的文字颜色和背景色？
[css]怎么改变选中文本的文字颜色和背景色? ::selection { background-color: #222; color: white; } 个人简介我是歌谣,欢迎和大家一起交流前后端 ...
html 禁止选中div,css禁止选中_css禁止鼠标选择文本代码
摘要腾兴网为您分享:css禁止鼠标选择文本代码,鱼乐贝贝,优衣库,小天才,三一外语等软件知识,以及wps免,杂志阅览器,360os系统,红袖标,flash卸载器,饿了么首单,卡布西游,论文翻译软件, ...
css 文字过长省略号,css实现文字过长显示省略号的方法
因为网页排版的需要,有些地方需要过长的问题加上省略号.比如:标题限制20个中文的宽度,超出的就用省略号代替.之前会使用程序截取的方法,不过使用css来截取更有利于SEO. 下面就介绍一下具体的使用方法 ...

CSS 禁止文字选中

CSS 禁止文字选中相关推荐

最新文章

热门文章