在做项目时,经常会用到一些文字图标,比如我们做轮播图时,可能就会用到阿里巴巴字体图标库中的图标进行切换轮播图。这时候我们不希望点击会被选中。我们就可以利用下面的css3中属性来禁止。
例如下面这种情况,我们就可以禁止:
右侧按钮为阿里巴巴字体图标库字图,点击被选中,就可以用下面的方法禁止。
用法:
span{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
浏览器支持情况:
属性的取值范围:
user-select:none | text | all | element
none:文本不能被选择
text:可以选择文本
all:当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。
element:可以选择文本,但选择范围受元素边界的约束