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
html如何设置图片滚动适⽤于:除替换元素外的所有元素
继承性:⽆
动画性:否
计算值:指定值
取值:none:⽂本不能被选择
text:可以选择⽂本
all:当所有内容作为⼀个整体时可以被选择。如果双击或者在上下⽂上点击⼦元素,那么被选择的部分将是以该⼦元素向上回溯的最⾼祖先元素。
element:可以选择⽂本,但选择范围受元素边界的约束
⽰例:
.test{
padding:10px;
-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
user-select:none;
background:#eee;}
选择我试试,你会发现怎么也选择不到我,哈哈哈哈
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论