CSS禁止文字选中

-moz-user-select:none;/*firefox*/
-webkit-user-select:none;/*webkit*/
-ms-user-select:none;/*ie10*/
-khtml-user-select:none;/*早期浏览器*/
user-select:none;

IE10以下浏览器无相关css设定

//IE6-IE9
document.body.onselectstart=document.body.ondrag=function(){
return false;
}

时间： 2024-08-25 17:41:36

CSS禁止文字选中的相关文章

CSS 禁止文字选中

现象:html中可能有些地方不想让用户复制文字,或是用a标签做了个点击按钮,点快的时候文字会被选中,很丑,这个时候可以使用下面的方案禁止文字选中. 原因:鼠标点快了. 解决方案: 不同的浏览器设置的内容不一样,user-select不是一个W3C的标准,浏览器的支持不完成,需要对不同的浏览器进行调整. body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: non

CSS实现禁止文字选中

E10平台预览第四版中包含了对 CSS3 新属性 -ms-user-select 的支持,Web 开发人员可以利用这一新属性轻松精确的控制用户可以在网站上选择哪些文本. user-select:none | text | all | element text – 可以选择文本 element – 可以选择文本,但选择范围受元素边界的约束 none – 不可以选择文本 auto – 如果该元素包含可编辑的文本(如输入元素或可编辑内容的元素),则可以选择文本.否则,元素内容是否可选择由父节点的值决定

css禁止文字被选中

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

[转]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; /*早期浏览器*/ u

css禁止鼠标双击选中文字

div{ -moz-user-select:none;/*火狐*/ -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:none;/*IE10*/ -khtml-user-select:none;/*早期浏览器*/ user-select:none; } <section onselectstart="return false;">这又是一段文字</section> 如果把上述的方法写到body中,就实现

CSS如何改变文字选中状态下的颜色

CSS如何改变文字选中状态下的颜色:建议:尽可能的手写代码,可以有效的提高学习效率和深度.在默认状态先一般选中的文本颜色是白字蓝底的,不过可以通过CSS进行设置.当然浏览器的支持度还是不够好,IE8和IE8以下的浏览器不支持,但是其他主流浏览器都支持此属性,不过随着浏览器的升级,这个也不会是问题.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta n

css取消双击选中文字

在我们在写前端页面的时候,由于手速过快(当然这都是指的老司机),会经常双击,浏览器就会默认选中你双击的文本,这种感觉有点不太好. 这个时候就用到了 user-select:none; 属性. 因为存在着兼容性的问题,所以在写的时候就需要考虑一下了. div{ -moz-user-select:none;/*火狐*/ -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:none;/*IE10*/ -khtml-user-select:non

用css改变鼠标选中文字的样式

打开一个页面,选中一段文字,会出现系统默认的蓝色背景和白色文字,如下图: 那么这种选中效果我们怎么去自定制呢,比如我想让文字选中的时候背景是绿色,文字是白色我们在css文件中插入如下代码: ::-moz-selection { background: #26a69a; color: #ffffff; } ::selection { background: #26a69a; color: #ffffff; } 再看一下效果: 这时候有些同学可能就开始想象了,是不是font-size,font-

网页中禁止文字复制

禁止鼠标选中文字用js可以在页面中写 onselectstart="return false" 比如说 <div style="width:200px;height:200px;" onselectstart="return false">这里面的文字是不能被鼠标选中的</div> 现在我的问题是要把 onselectstart="return false" 写进class中,怎样实现呢? 我不想要