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

css+html属性禁止选中文字

利用css中的user-select属性和html的unselectable属性禁用IE、火狐、谷歌和IOS等浏览器选中文字:

HTML代码
<p>Selectable text.</p>
<p unselectable="on" 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",否则可能不会生效。不过现代浏览器如果不是非得兼容一些老的浏览器也可以不加。