CSS 禁止文字选中
2014-05-06 08:39
357 查看
现象:html中可能有些地方不想让用户复制文字,或是用a标签做了个点击按钮,点快的时候文字会被选中,很丑,这个时候可以使用下面的方案禁止文字选中。
原因:鼠标点快了。
解决方案:
不同的浏览器设置的内容不一样,user-select不是一个W3C的标准,浏览器的支持不完成,需要对不同的浏览器进行调整。
body{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;
}
user-select有2个值(none表示不能选中文本,text表示可以选择文本)
IE6-9还没发现相关的CSS属性
//IE6-9
document.body.onselectstart = document.body.ondrag = function(){
return false;
}
参考地址:脚本之家, 163博客, 博客园(比较全)
原因:鼠标点快了。
解决方案:
不同的浏览器设置的内容不一样,user-select不是一个W3C的标准,浏览器的支持不完成,需要对不同的浏览器进行调整。
body{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;
}
user-select有2个值(none表示不能选中文本,text表示可以选择文本)
IE6-9还没发现相关的CSS属性
//IE6-9
document.body.onselectstart = document.body.ondrag = function(){
return false;
}
参考地址:脚本之家, 163博客, 博客园(比较全)
相关文章推荐
- css禁止选中文字
- 通过CSS规则禁止选中文字的实现代码
- js+css实现禁止鼠标右键与选中网页文字
- Html网页中禁止文字选中(css/javascript)
- CSS 禁止文字选中
- CSS禁止文字选中
- css 禁止文字选中
- CSS禁止文字选择user-select应用
- CSS禁止鼠标拖动选择文字
- html、css 禁止文字自动换行
- CSS 鼠标选中文字后改变背景色的实现代码
- JS禁止右键,禁止Ctrl键,禁止选中文字
- 禁止文字选中的办法
- 禁止在网页中选中文字
- css 选择后更改文字背景 CSS3 实现改变默认文本选中的颜色
- Css鼠标选中文字后改变背景色的实现代码
- 禁止选中文字兼容IE、Chrome、FF等
- 禁止鼠标选中文字
- 各浏览器禁止选中文字方法
- 前端开发使用css禁止选中文本,模拟双击禁止选中文本,网页禁止选中文本