禁止选择文本样式

.noselect {

　　-webkit-touch-callout: none; /* iOS Safari */

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

　　-khtml-user-select: none; /* Konqueror */

　　-moz-user-select: none; /* Firefox */

　　-ms-user-select: none; /* Internet Explorer/Edge */

　　user-select: none; /* Non-prefixed version, currently not supported by any browser */

}

时间： 2024-08-29 01:15:59

禁止选择文本样式的相关文章

禁止选择文本

这是通过CSS样式来实现的禁止用鼠标选择功能:unselectable为IE准备,onselectstart为Chrome.Safari准备,-moz-user-select是FF的 css style:html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;}<div unselectable="on" onselectstart="return false;&qu

[转]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-

禁止选择文本和禁用右键 v1.0

var zhonghao={ //绑定事件 myAddEvent: function(obj, sEvent, fn){if(obj.attachEvent){obj.attachEvent('on'+sEvent, fn);}else{obj.addEventListener(sEvent, fn, false);}}, //禁止选择文本 disableselect:function(e){ var omitformtags=["input", "textarea"

禁止选择文本和禁用右键 v2.0

禁止鼠标右键(注:在火狐浏览器没有起到效果作用) <script> function stop() { return false }; document.oncontextmenu = stop; javascript: ; </script>

onselectstart禁止选择

在做一些动画效果时,因为有文本的存在,会无意选择到文本,就需要禁止选择文本可以在标签上加也可以在js中写 element.onselectstart=function(){} 注意:次事件对input和textarea无效 onselect 只对input和textarea生效,,选中文本时执行函数 element.onselect=function(){}

css禁止用户选择文本（兼容所有浏览器）

css禁止用户选择文本(兼容所有浏览器) 如果让整个页面都禁止选择,可以使用下面的css body{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 如果希望指定元素禁止访问,请看下面的示例代码: <!doctype html> <html

禁止input文本框输入select无法选择

readonly.disabled.autocomplete readonly表示此域的值不可修改,仅可与 type="text" 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值. 代码如下:<input type="text" name="en_name" readonly="readonly" /> disabled表示禁用input元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传

禁止用户选择文本

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-s

（3）文本样式

本篇学习资料主要讲解: 如何用css 的样式定义方法来介绍文字的使用. 第(1)节:用css设置文本样式. 一.弄懂文本文字的制作.利用css的样式定义版面的编排. 1.颜色定义.文本的背景颜色 (1) 在CSS里颜色的定义有四种方法: 一,用颜色的名称: 如:h1{color:red;} 二,以十六进制数; 如:h1{color:#FF0000;} 三,以RGB整数设置颜色: 如:h1{ color:rgb(255,0,0) } 四,以RGB百分数设