禁止选择文本的css(chrome,safari,firefox等)

最新推荐文章于 2023-10-26 16:45:12 发布
原创 最新推荐文章于 2023-10-26 16:45:12 发布 · 6.9k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
前端开发

当前文章被收录于：

前端开发
68 篇文章 0 人学习
订阅专栏 查看详情
本文介绍如何使用CSS禁止用户在Firefox、Chrome及Safari浏览器中选中文档中的文本。通过设置特定的CSS属性，可以轻松实现这一功能。

一直以为不让用户选中文本，都是用javascript来做的，没想到用css也可以，知识面太空窄了，记下来，

以供查阅。

 

firefox下：

 

chrome和safari下：

标签
#safari #firefox #chrome #css #javascript
25 - GRACE Mascon数据缺失月份数据插值
weixin_43339605的博客
12-28 1778
本篇基于文章的相关内容和文章公开的奇异谱分析（SSA）插值算法程序包，对grace Mascon数据种缺失的月份进行 插值 ，总结了使用程序包的相关过程，可以将该程序应用到其他数据处理插值计算中。
投弹游戏机-数电课程设计.doc
投弹游戏机-数电课程设计.doc
各浏览器禁止选中文字方法
卯野芽衣子
11-10 4040
各浏览器禁止选中文字各自有个的方法。 代码 <div unselectable="on" style="background:#ccc;">unselectable="on" -webkit-user-select:none;">-webkit-user-select:none; -moz-user-select:none;">-moz-user-sele
用CSS禁用输入法(CSS3 UI规范)实例解析
12-13
禁用输入法属性ime-mode是CSS3中最新添加的属性，更准确点说，是CSS Basic User Interface Module Level 3 (CSS3 UI)规范新添加的属性。但是IE浏览器从IE5开始就支持该属性，FireFox浏览器从FireFox3.0开始也支持该ime-mode属性。不过chrome、opera、Safari浏览器还没有开始支持该属性。该属性可以控制文本字段的输入法编辑器的状态： 名称: ime-mode 值: auto | normal | active | inactive | disabled | inherit 初始值: auto
游览器禁止选中问题
aixuner1002的博客
09-25 532
本文为转载文章，转载地址为https://www.feiniaomy.com/post/169.html CSS属性禁止网页文字被选中 CSS3中有个user-select属性，这个属性可以设置某个DIV元素中的文本不被选中，下面就详细的说一下 CSS3中user-select属性 css属性user-select介绍 这个user-select有四个值，分别为：none | text | al...
禁止用户选中网页中文字-兼容处理其他浏览器
JackieDYH的博客
11-09 723
全局样式里面添加如下class样式，在需要的地方直接添加class就可以了 .no-select { -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-sele.
禁止网页选中文字的方法
Guoye的专栏
04-23 1101
禁止网页选中文字的方法 禁止网页选中文字最简单的实现方法 在body上加上属性onselectstart <body onselectstart="return false">
纯CSS实现禁止网页文本被选中
wuxiaopengnihao1的博客
08-24 1259
本文章向大家介绍CSS如何实现禁止文本被选中。其主要使用到css的user-select属性。需要的朋友可以参考一下。
web禁止复制选择
qq_44213979的博客
10-26 235
【代码】web禁止复制选择。
css 防止文本被选中
huanshiwushuang的博客
04-14 352
这是通过CSS样式来实现的禁止用鼠标选择功能：  unselectable = "on"为IE准备, onselectstart = "return false"为Chrome、Safari准备, -moz-user-select:none;是FF的 css style:
禁止鼠标多次点击选中div中的文字
weixin_30740295的博客
05-21 124
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Firefox/Opera不支持onselectstart事件</title></head><body><div id="d1" style="width:200px;height:20...
css禁用选中文本_使用CSS禁用文本选择突出显示
cumt951045的博客
07-04 1305
css禁用选中文本Introduction: 介绍： Texts are the most fundamental elements of any websites or web pages, they form the basis of the web pages or websites because if you don’t write something that you will n...
html文字不能被选择,CSS3禁止网页中文本被选中代码
weixin_42513814的博客
06-03 412
现在可以直接使用CSS3禁止网页中文本被选中了，但只兼容Firefox/Chrome/Safari，IE10了，不过也是未来主流了，下面来看看。浏览器支持目前，只有Gecko和webkit支持该属性，包括基本上所有版本的Firefox/Chrome/Safari，IE10中也将支持该属性。当然，各个浏览器都必须加上私有前缀。Opera尚不支持。或许你常常不希望用户在你的网站上选择文本，无论是否是出...
JavaScript 禁止鼠标选择事件
lyx9611的博客
06-24 1682
1、这是通过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;} 2、或者使用下面的方法 <div unselectable="on" onselectstart="return false;" s
五大浏览器的历史、差异、对CSS和ES的支持 内核：Trident、Gecko、Blink、Webkit 浏览器：IE Opera Safari Firefox Chrome
weixin_43383238的博客
05-05 3262
历史 Internet Explorer 首次发表：1995 年 微软推出的 Internet Explorer。 IE1 发布于 1995 年 8 月 24 日，当时并没有捆绑在操作系统中，而是作为 Windows 95 插件的形式出现的，大小也只有 1 MB。 同年，IE2 发布，微软当时说这是第一个跨平台的浏览器，支持 Windows 和 Mac。IE2 也支持 JavaScript 了，...
css 禁止选择文字
computerstep
05-22 118
ct: none; -khtml-user-select: none; user-select: none;} 标签里面设置方法： &lt;div unselectable="on" onselectstart="return false;" style="-moz-user-select:none;"&gt; 屏蔽选择的样式定义：-moz-user-select属性（只支持ff）。 属性有三个属性值： 1、 none：用n
前端网页禁止选中文字的方法
梦幻般的菜鸟的博客
05-12 5751
侧边导航栏内容太多太多太多，使用滚动条印象美观， 决定使用鼠标拖拽效果来滑动，但是会出现选中文字的情况， 禁止选中的方法很简单， 可以直接在标签里添加 onselectstart="return false;" 举个例子 adasdasdasdasdasdasdad
chrome禁用css插件,Reddit CSS Disabler
weixin_42294133的博客
08-03 386
Are you tired of crazy CSS applied to subreddits?Does the sometimes gaudy or ugly design of a subreddit cause you to clench your teeth in anger?Do you prefer the pure, vanilla look of Reddit?Then Redd...
谷歌浏览器禁用拷贝
qq_42285512的博客
12-01 1131
javascript禁用页面复制功能，适合谷歌浏览器
ie禁止html复制元素,JavaScript_禁止选中文字兼容IE、Chrome、FF等，复制代码 代码如下: $(el).attr('u - phpStudy...
weixin_30696229的博客
06-20 191
禁止选中文字兼容IE、Chrome、FF等$(el).attr('unselectable','on').css({'-moz-user-select':'-moz-none','-moz-user-select':'none','-o-user-select':'none','-khtml-user-select':'none', /* you could also put this in a ...
css 禁止html元素被选中
Daniel is coding
07-31 7742
html{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select:
谷歌selenium 设置禁止css和图片加载，加速访问速度
姜枨文的技术博客
06-21 2583
有些网站用selenium 访问， 经常进入页面后一直转圈，此时可以考虑 通过禁止css及图片的加载来加快访问速速（前提是不用额外的点击， 否则禁止css有可能会导致无法正常点击元素）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值