css禁止選中指定文本代碼實例:在實際編碼中可能有這樣的需求,那就禁止指定的元素可以被選中,下麵就通過代碼實例介紹一下如何實現此效果。代碼如下:螞蟻部落螞蟻部落歡迎您,只有努力奮鬥才會有美好的未來。上面的代碼實現了禁止選中div中元素的效果,不過在當前來說此代碼還是有缺陷的,因為IE9以下的瀏覽器並...
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/