html页面双击选中文字,css怎么设置双击不选中文字？

在双击左右箭头，快速切换图片滚动时，会经常双击，浏览器就会默认选中你双击的文本，这种感觉有点不太好。该如何取消双击选中文字呢？下面我们来看一下css设置双击不能选中文字的方法。

css禁止双击页面选中文本可以使用user-select属性。

css代码如下：div{

-moz-user-select:none;/*火狐*/

-webkit-user-select:none;/*webkit浏览器*/

-ms-user-select:none;/*IE10*/

-khtml-user-select:none;/*早期浏览器*/

user-select:none;

}

user-select属性介绍：

语法：user-select：none |text| all | element

默认值：text

适用于：除替换元素外的所有元素

继承性：无

动画性：否

计算值：指定值

取值：none：文本不能被选择

text：可以选择文本

all：当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素，那么被选择的部分将是以该子元素向上回溯的最高祖先元素。

element：可以选择文本，但选择范围受元素边界的约束

示例：

.test{

padding:10px;

-webkit-user-select:none;

-moz-user-select:none;

-o-user-select:none;

user-select:none;

background:#eee;}

选择我试试，你会发现怎么也选择不到我，哈哈哈哈