HTML页面实现用户无法选中文字，提供跨浏览器兼容的禁用文本选择功能

记录一下css常用的一个效果&＃xff0c;禁止文字的选中&＃xff1a;
初始化的全局样式里面添加如下class样式&＃xff0c;在需要的地方直接添加class就可以了

.no-select{-webkit-touch-callout: none; /* iOS Safari */-webkit-user-select: none; /* Chrome/Safari/Opera */-khtml-user-select: none; /* Konqueror */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* Internet Explorer/Edge */user-select: none; /* Non-prefixed version, currently not supported by any browser */}


在 IE <10 和Opera <15中我们需要在需要禁止选中的元素上面添加一个属性

unselectable&＃61;“on”&＃xff0c;否则可能不会生效哦~不过现代浏览器如果不是非得兼容一些老的浏览器也可以不加。