css禁止选中指定文本代码实例_html/css_WEB-ITnose
- WBOY原創
- 2016-06-24 11:29:211234瀏覽
css禁止选中指定文本代码实例:
在实际编码中可能有这样的需求，那就禁止指定的元素可以被选中，下面就通过代码实例介绍一下如何实现此效果。代码如下:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">div{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; width:150px; height:100px; background:#ccc; margin:0px auto; font-size:12px;}</style></head><body><div>蚂蚁部落欢迎您，只有努力奋斗才会有美好的未来。</div></body></html> 上面的代码实现了禁止选中div中元素的效果，不过在当前来说此代码还是有缺陷的，因为IE9以下的浏览器并不支持，需要用javascript做一下处理才能够兼容所有的主流浏览器，具体可以参阅兼容所有浏览器的禁止选中文本代码实例一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=14514
更多内容可以参阅:http://www.softwhy.com/divcss/
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn