css3實現的文字無法選中效果

admin發表於2017-02-17
CSSS3

在實際應用中可能有這樣的需求，那就是設定指定元素中的文字不可以選中。

css3中指定屬性可以實現此功能，下面就通過程式碼例項介紹一下如何實現此功能。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css"> 
div{ 
  -moz-user-select:none; 
  -khtml-user-select:none; 
  -webkit-user-select:none;
  -o-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background:#CCC;
  font-size:12px;
  text-align:center;
  width:300px;
  height:150px;
} 
</style> 
</head> 
<body> 
<div>螞蟻部落歡迎您</div>
</body> 
</html>

相關文章