首页 > 代码库 > css禁止用户选择文本(兼容所有浏览器)
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>
css禁止用户选择文本(兼容所有浏览器)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。