• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > Div+Css >  css+html属性禁止选中文正文

css+html属性禁止选中文字

作者:网页模板
类型:文章教程
点击次数:
发布时间:2018-03-10 15:03
分享到:
利用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",否则可能不会生效。不过现代浏览器如果不是非得兼容一些老的浏览器也可以不加。
(责任编辑:网页模板)
  • 本文标签:
  • css禁止选中文字
自定义浏览器滚动条的样式
select 文字右对齐