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>
<head>
<style type="text/css">
*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}
</style>
</head>

<body>

<div class="unselectable">
<p>这是很长的一段文本。啦啦啦啦啦啦</p>
</div>

</body>
</html>
时间: 2024-10-13 12:44:11

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

CSS禁止用户选择复制

-webkit-user-select:none ;-moz-user-select:none; P.S. -wekit-gg浏览器 -moz -ff浏览器 WebKit 是一个开源的浏览器引擎,与之相对应的引擎有Gecko(Mozilla Firefox 等使用)和Trident(也称MSHTML,IE 使用). WebKit 内核在手机上的应用也十分广泛,例如 Google 的手机Android. Apple 的 iPhone, Nokia’s Series 60 browser 等所使用的

document.selection.createRange方法----获取用户选择文本

document.selection.createRange方法----获取用户选择文本:http://www.cnblogs.com/yxyht/archive/2013/01/23/2872605.html

js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标

css使用user-select,user-select不是W3C标准,浏览器支持不完整:user-select有两个值,none用户不可以选择文本,text用户可以选择文本 body{-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 - user-select 禁止用户选择文字

-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;

DIV JS CSS 轻量级弹出层 兼容各浏览器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

css透明度的设置 (兼容所有浏览器)

一句话搞定透明背景! .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

css透明度的设置(兼容所有浏览器)

.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }