首页 > 建站教程 > Div+Css >  css禁止选中文字正文

css禁止选中文字

    今天,我爱模板网在做拖拽层的时候,拖拽过程中,老是会选中文字,在这里,分享下css如何禁止文字被选中:
.noselect {
 -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;
}
    在 IE < 10 和Opera < 15中我们需要在需要禁止选中的元素上面添加一个属性 unselectable="on",否则可能不会生效.不过现代浏览器如果不是非得兼容一些老的浏览器也可以不加。