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

css禁止选中文字

作者:网页模板
类型:文章教程
点击次数:
发布时间:2018-01-25 13:20
分享到:
    今天,我爱模板网在做拖拽层的时候,拖拽过程中,老是会选中文字,在这里,分享下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",否则可能不会生效.不过现代浏览器如果不是非得兼容一些老的浏览器也可以不加。
(责任编辑:网页模板)
  • 本文标签:
  • css禁止选中文字
webkit浏览器自定义滚动条样式
js动态创建样式: style 和 link