CSS禁止选择文本功能(兼容IE,火狐等浏览器)
来源:互联网 发布:电视软件破解论坛 编辑:程序博客网 时间:2024/05/16 12:18
有时候,我们为了用户体验,需要禁用选择文本功能。
这需要用到一个CSS属性:user-select,user-select的文档点这里
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-select: none;
- }
body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none;}
IE6-9还没发现相关的CSS属性,只能通过JS来实现
- //IE6-9
- document.body.onselectstart = document.body.ondrag = function(){
- return false;
- }
0 0
- CSS禁止选择文本功能(兼容IE,火狐等浏览器)
- CSS禁止选择文本功能(兼容IE,火狐等浏览器)
- IE,火狐,OPERA等浏览器CSS Hack和向后兼容
- div css背景颜色半透明 文字不透明兼容ie、火狐等浏览器
- 兼容ie 火狐 谷歌等各大浏览器css hack代码总结
- div css背景颜色半透明 文字不透明兼容ie、火狐等浏览器
- js在ie、火狐等浏览器的兼容
- 禁止右键+禁止选择文本JS代码分享(兼容主流浏览器)
- [哀悼芦山地震]把网页变成黑白(谷歌、火狐、ie等浏览器兼容)
- ASP.NET关闭当前页(兼容IE、谷歌、火狐等主流浏览器)
- innerText 兼容火狐 ie浏览器
- CSS -- 实现DIV层背景颜色渐变 (兼容IE 火狐 谷歌浏览器)
- firefox(火狐)与IE Chrome浏览器兼容的javascript和CSS写法
- 禁止浏览器缓存(适合火狐和IE)
- 禁止选择文本的css(chrome,safari,firefox等)
- [哀悼雅安芦山地震]把网页由彩色变成灰度(谷歌、火狐、ie等浏览器兼容)
- CSS 背景图拉伸 兼容 FF Chrome IE 等主流浏览器
- CSS 背景图拉伸 兼容 FF Chrome IE 等主流浏览器
- C# DataGridView控件清空数据完美解决方法
- svn 分支的创建及合并
- mac 下 sublime text 2 主要快捷键列表
- HDU 1026(bfs)
- 转载:GreenPlum的并行查询优化策略
- CSS禁止选择文本功能(兼容IE,火狐等浏览器)
- git学习笔记
- poj2486解题报告
- HDU 1032(水题)
- USB Phy/ULPI (2-读写USB Phy寄存器)
- 随便写了个堆排序程序
- iOS 第三方控件GIFView的学习记录
- 学习grep命令时候遇到的问题
- C++中cin、cin.get()、cin.getline()、getline()、gets()等函数的用法