css禁止选中

-webkit-user-select: none; /* Chrome/Safari/Opera */

哪里需要禁止选中 css填以上代码即可

原文地址:https://www.cnblogs.com/chenchenhao/p/10337692.html

时间: 01-30

css禁止选中的相关文章

CSS如何实现禁止选中文本

CSS如何实现禁止选中文本:禁止文本被选中的目的一般是为了防止别人复制网站的内容,当然这些只能防住一些“善良”的朋友,只要有点web知识都能够轻易破解这些,不过咱们不管这些,只要客户有需要,程序员就必须要实现,下面是两端css样式代码,能够实现此功能,希望能够对需要的朋友带来一定的帮助.代码如下: div{ text-align:center; vertical-align:middle; height:39px; overflow:hidden; moz-user-select:-moz-no

用js onselectstart事件鼠标禁止选中文字

IE&&Chrome中适用此方法 document.onselectstart=function(){return false;} onselectstart是防止内容被选中默认状态是true <body onselectstart=return(event.srcElement.type=='text')> 选不中 <input type="text" name="" value="来选吧"> </

[转]CSS禁止选择文本功能

有时候,我们为了用户体验,需要禁用选择文本功能.这需要用到一个CSS属性:user-select,user-select的文档点这里 user-select有两个值:none:用户不能选择文本text:用户可以选择文本 需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整 body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-

css各种手型集合(css禁止手型)

写这篇博客前不得不先吐槽下国内的技术性文章现状: 1:在国内真心缺少技术性的文章: 2:用百度搜技术性的文章真心不靠谱: 好吧:正题:下面是在国外搜刮来的:比较齐全的鼠标手型css:在国内的网站上是搜不到这么全的:比如说哪个禁止的手型: 鼠标往下移动即可看到效果: html代码如下:<h1>Cursors</h1> <div class="cursors">    <div class="auto">auto</

css 修改选中文字的颜色

突然想试着修改一下博客里面文本选中时的颜色,然后就找到了相应的css代码如下: body::selection { color:#FFFFFF; background-color:#E84893; text-shadow:none; } body::-moz-selection { color:#FFFFFF; background-color:#E84893; text-shadow:none; } 效果如下图所示: 1.浏览器默认样式 2.使用上面样式之后

禁止选中文本事件

由于经常会些写错,为了以后节约时间,记录下: obj.on('click','.arrow',function(ev){ console.log('click'); ev.stopPropagation(); ev.preventDefault(); var rel = $(this).attr('rel'); if( rel && rel <= totalPage && rel>0 ){ getEnjoyData(rel); }; document.onsel

CSS禁止Chrome谷歌浏览器激活输入框后自动添加橘黄色边框

Chrome默认会为所有的输入框加上橘黄色的边框,虽然有时候可以使我们的网站看起来更友好,但对自定义的样式是有影响的.当鼠标点击输入框时,在谷歌chrome浏览器中,光标移到输入框时激活输入框会被加上橘黄的边框,鼠标光标移开输入框后被加橘黄色边框消失.这个谷歌浏览器自动为输入框加css样式非常不美观影响效果,这里介绍解决在谷歌浏览器中禁止被激活输入框加橘黄色样式. 例如做了一个圆角框的input输入框,如果没有对边框focus时的属性做任何休息,Chrome将默认加上一个正方形的边框,无视你将i

CSS 确定选中变红色

textarea:focus { border: 1px solid #f4645f; outline: none; } blockquote { border-left: 4px solid #f4645f; } pre { padding: 0; background: none; border: none; } ::-moz-selection { color: #ffffff; background: #f4645f; text-shadow: none; } ::selection {

禁止选中文字

使用onselectstart <div class= "a" onselectstart="return false;">onselectstart,防止页面变蓝</div> 直接写在html中写入或者调用js方法onselectedstart eg:document.querySelector(".a").onselectstart= function(){return false;} 兼容性:firefox不支持 解

CSS3改变页面默认选中背景颜色及设置页面禁止全选或局部选择

改变默认选中的背景颜色 ::-moz-selection{background:#FF0000;color:#FFFFFF;} ::selection {background:#FF0000;color:#FFFFFF;} code::-moz-selection {background:#FF0000;color:#FFFFFF;} code::selection {background:#FF0000;color:#FFFFFF;} 设置页面禁止选中 /*全局*/ html,body{ pa