Javaweb技术分享

在我们日常的Java web前端开发的过程中呢，程序员们会遇到各种各样的要求，所以不每天学的东西感觉自己都退步了，都更不上时代的发展了。

每天应对各种需求，每天活在疑问中就是我们程序员的真是写照。但我们还是一样热爱生活，热爱Java，HTML ,JSP。

在昨天的文章中，我写了关于Javascript中null 与 undefined 的区别。好像大家都不怎么感兴趣，小编感到很失落，不过，没事，小编还是一如既往的更新，让大家带来一些前端的干货。

Javaweb技术分享

今天我就来教大家一个非常实用的css小技巧----如何禁止选中文字

直接上代码：

HTML代码

//html 代码
<p>
Selectable text.
</p>
<p class="noselect">
Unselectable text.
</p>

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; /* Non-prefixed version, currently
    not supported by any browser */
}

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

unselectable="on"，否则可能不会生效哦~不过现代浏览器如果不是非得兼容一些老的浏览器也可以不加。