CSS禁止文字选择
2014-05-13 19:44
204 查看
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;
}
IE6-9还没发现相关的CSS属性
//IE6-9
document.body.onselectstart = document.body.ondrag = function(){
return false;
}
转自:http://bg4728.blog.163.com/blog/static/192401052201301553045616/
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;
}
IE6-9还没发现相关的CSS属性
//IE6-9
document.body.onselectstart = document.body.ondrag = function(){
return false;
}
转自:http://bg4728.blog.163.com/blog/static/192401052201301553045616/
相关文章推荐
- CSS禁止文字选择
- HTML、CSS禁止选择文字
- CSS禁止文字选择user-select应用
- CSS禁止鼠标拖动选择文字
- css - user-select 禁止用户选择文字
- CSS禁止文字选择user-select应用
- css和js禁止网页选择文字
- [转]CSS禁止文字选择
- CSS禁止文字选择
- 不同CSS布局实现与文字鼠标选择的可用性
- CSS样式表能否控制文字禁止选择,复制, 焦点
- js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标
- 黄聪:IE6下css大bug:文字神秘消失,鼠标选择了才出现
- 用CSS禁止选择、复制和鼠标右键
- css设置:图片文字等不能被选择
- CSS 禁止选择(取消被选中背景)
- js+css实现禁止鼠标右键与选中网页文字
- js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标
- 禁止用户选择文字,更改浏览器滚动条样式,去除浏览器自动填充背景