手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >利用CSS实现禁止双击选择页面内容的实例展示
利用CSS实现禁止双击选择页面内容的实例展示
摘要:在双击左右箭头,快速切换图片滚动时,会选择附近区域的文字,感觉不是很好,今天在同事在分享时,讲到了这个问题,试了一下,不错,解决了问题。IE...

 在双击左右箭头,快速切换图片滚动时,会选择附近区域的文字,感觉不是很好,今天在同事在分享时,讲到了这个问题, 试了一下,不错,解决了问题。

IE及Chrome下的方法一样,对相应的元素添加onselectstart=”return false;”但是,这个在火狐下不起作用,但是火狐下可以用css样式来达到这个效果,即添加-moz-user-select:none;就可以兼容ie,google,firefox了,即代码如下所示:

代码如下:

【利用CSS实现禁止双击选择页面内容的实例展示】相关文章:

CSS复合选择器使用介绍

用CSS实现文字的阴影效果

CSS实例:让页脚保持在未满屏页面的底部

CSS设计网页头部的写法

用CSS轻松实现网上填空

用CSS实现表单form布局

CSS实现绝对底部

对CSS3选择器的研究(详解)

CSS实现图片圆角化处理

通过CSS禁用页面内容选中和复制操作

精品推荐
分类导航