您现在的位置是：网站首页> 编程资料编程资料

鼠标移动div时禁止选中div中的文字的方法CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局，左侧固定宽，右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题

2021-09-06 1017人已围观

简介在移动div的时候偶尔会选中div中的文字，同时会影响div移动的流畅性，下面与大家分享个不错的解决方法，有类似情况的朋友可以参考下

今天在做div移动时遇到一个奇怪的问题，就是在移动div的时候偶尔会选中div中的文字，同时会影响div移动的流畅性，可郁闷了查了查资料有用css实现的也有用js实现的具体原理就细看直接上解决方法

下面来自转载网上滴：

这是通过CSS样式来实现的禁止用鼠标选择功能：unselectable为IE准备,onselectstart为Chrome、Safari准备,-moz-user-select是FF的 cssstyle:

复制代码

代码如下:

html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;}

屏蔽选择的样式定义：-moz-user-select属性（只支持ff）。

属性有三个属性值：

1、 none：用none,子元素所有的文字都不能选择，包括input输入框中的文字也不能选择。
2、 -moz-all：子元素所有的文字都可以被选择，但是input输入框中的文字不可以被选择。
3、 -moz-none：子元素所有的文字都不能选择，但是input输入框中的文字除外。

上一篇：三角形向下方向垂直翻转效果CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局，左侧固定宽，右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题

下一篇：让footer始终位于页面的最底部不随滚动而滚动html的footer置于页面最底部的简单实现方法移动端解决悬浮层（悬浮header、footer）会遮挡住内容的3种方法纯css 实现footer 一直在页面底部，不随页面滚动div footer标签css实现位于页面底部固定footer 贴在底部的布局实现代码利用CSS使footer固定在页面底部的实例代码

您现在的位置是：网站首页> 编程资料编程资料

相关内容

点击排行

本栏推荐

猜你喜欢