css实现鼠标禁用,禁止选择!

之前七娃,整理过用css实现鼠标左右键禁用:静态页面js防止抽离

今天新增一个通过css设置body的样式,将鼠标左键禁用了,禁止用户选择!

body{-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}

主要是通过user-select来禁用的,在body里面设置之后,整个页面将不可选,还句话说,body改成一个div盒子的class名称,这个盒子里面的内容将不可选。知识一定要活学活用,以上就是本期内容!

赞(0) 打赏
未经允许不得转载:版权所有@七娃设计室七娃博客 » css实现鼠标禁用,禁止选择!
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

七娃设计,让设计贴近生活

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏