前端开发css禁止选中文本
在我们日常的Java web前端开发的过程中呢,程序员们会遇到各种各样的要求,所以不每天学的东西感觉自己都退步了,都更不上时代的发展了。
每天应对各种需求,每天活在疑问中就是我们程序员的真是写照。但我们还是一样热爱生活,热爱Java,HTML ,JSP。
在昨天的文章中,我写了关于Javascript中null 与 undefined 的区别。好像大家都不怎么感兴趣,小编感到很失落,不过,没事,小编还是一如既往的更新,让大家带来一些前端的干货。
干货:前端开发css禁止选中文本
如何禁止选中文字
直接上代码:
HTML代码
//html 代码
<p>
Selectable text.
</p>
<p class="noselect">
Unselectable text.
</p>
css 代码
.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 */
}
在 IE < 10 和Opera < 15中我们需要在需要禁止选中的元素上面添加一个属性
unselectable="on",否则可能不会生效哦~不过现代浏览器如果不是非得兼容一些老的浏览器也可以不加。
转载于:https://www.cnblogs.com/telwanggs/p/8818627.html
前端开发css禁止选中文本相关推荐
- css禁用选中文本_使用CSS禁用文本选择突出显示
css禁用选中文本 Introduction: 介绍: Texts are the most fundamental elements of any websites or web pages, th ...
- Web前端开发——CSS样式(Ⅰ)文本与文字样式
目录 1. 单位 2. 颜色 3. 文本 3.1 字符间距letter-spacing 3.2 行高line-height 3.2.1 基本概念 3.2.2 行高的应用--居中垂直对齐效果 3.3 对 ...
- html 禁止选中div,css禁止选中_css禁止鼠标选择文本代码
摘要 腾兴网为您分享:css禁止鼠标选择文本代码,鱼乐贝贝,优衣库,小天才,三一外语等软件知识,以及wps免,杂志阅览器,360os系统,红袖标,flash卸载器,饿了么首单,卡布西游,论文翻译软件, ...
- css标签定义不可修改文本,推荐5个好用但却经常被忽略的css属性(禁止选中文本、更改选中文本的背景色、不用br换行、字体间距、隐藏滚动条)...
01 禁用用户选中一个元素(element)的文本 使用属性user-select,并且将它的值设置为none,我们可以将一个元素的文本设置为不能被用户选中. element { -webkit-us ...
- 三、前端开发-CSS
三.前端开发语言体系-CSS 文章目录 三.前端开发语言体系-CSS CSS3 浏览器前缀 流.元素与基本尺寸 盒模型四大家族 流的破坏与保护 层叠规则 文本处理 元素显示与隐藏 变形 过渡 动画 F ...
- css文字瘦,前端开发CSS减肥工具:CSS Usage
做 web前端开发用什么工具包 前端开发产业是指什么意思 前端构建工程师经常会遇到随着网站产品的规模扩大.产品数量.日常专题上下线等情况,造成网站的CSS Usage.首先,我们需要安装Firefox ...
- css3禁止选中文本图片
1.user-select 禁止用户选取文本,禁止用户选中图片变蓝 user-select:none | text | all | element 默认值:text 适用于:除替换元素外的所有元素 取 ...
- 【前端vue】 复制 选中 文本如何不触发点击事件
在某些特定的业务场景,既需要通过点击文本弹出详情,又要可以选中文本进行复制,但是单纯添加点击事件,在选中文本时也会触发点击事件 如下例 在table中 点击流水号 弹出订单详情 ,但是还要可以复制流水 ...
- 前端开发--CSS基础
快速生成css样式 采用简写的方式即可 w200 tab键 width:200px:lh200 tab键line-height:200px:## web服务器免费的远程服务,免费空间 http://f ...
最新文章
- 编译安装linux内核步骤
- 小程序开发系类之基础部分-开发工具
- Java NIO vs IO
- 线段树维护区间最大值+第 45 届(ICPC)亚洲区域赛(昆明)L题Simone and Graph Coloring
- 更改exe程序图标_更改电脑文件夹颜色、样式、图标,让文件夹不再是单一的黄色...
- [转载]SQL Plus 一些使用技巧
- jquery中怎么删除ul中的整个li包括节点
- Spark_UDAF
- RHEL 6 配置yum源
- 虚拟机ping不通主机与外网的解决方法
- python 文件批量转换格式_python实现快速文件格式批量转换的方法
- ubuntu上解决evolution邮箱附件为dat格式
- 【稀饭】react native 实战系列教程之影片数据获取并解析
- Centos7下安装Relion
- Gauss-Newton法matlab求解
- 实战SpringBoot Admin
- 蓝牙的文件传输服务器,文件传输速度大比拼:Wi-Fi完爆蓝牙
- 文件后缀bat是什么?(批处理文件)
- 华为防火墙简介及其工作原理
- 28岁的他如何从运营转岗产品经理