css禁止文本或文字图标点击被选中

在做项目时，经常会用到一些文字图标，比如我们做轮播图时，可能就会用到阿里巴巴字体图标库中的图标进行切换轮播图。这时候我们不希望点击会被选中。我们就可以利用下面的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：可以选择文本，但选择范围受元素边界的约束