1、抛磚:開發中遇到一個很奇怪的問題，點選網頁的某地方，其他地方出現文本選中的情況，導緻十分難看。如下圖（點選網頁其他地方search搜尋出現選中狀态）
2、通過user-select解決:
文法:user-select:none|text|all|element
取值:
none:文本不能被選擇
text:可以選擇文本（預設值）
all:當所有内容作為一個整體時可以被選擇。如果輕按兩下或者在上下文上點選子元素，那麼被選擇的部分将是以該子元素向上回溯的最高祖先元素。
element:可以選擇文本,但選擇範圍受元素邊界的限制。
适用于:所有元素
繼承性:無
相容性:
IE6-9不支援（可以通過onselectstart='return false'達到同樣效果）
Opera12.5不支援(使用私有的标簽屬性unselecttable='on',相反值是'off')
示例代碼：
<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8" />
<title>user-select</title>
<meta name="author" content="Topy [email protected]" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<style>
.test{padding:10px;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;background:#eee;}
</style>
</head>
<body>
<div class="test" onselectstart="return false;" unselectable="on">選擇我試試，你會發現怎麼也選擇不到我，哈哈哈哈</div>
</body>
</html>