如何在表頭中雙擊禁用藍色選擇？

Question

我按照表頭結構：

<th> 
<a ng-click="sort_by(order)" style="color: #555555;"> 
    <span ng-transclude=""> 
     <span class="ng-scope">Some text</span> 
    </span> 
    <i class="icon-chevron-down"></i> 
</a> 
</th> 

問題是，當我雙擊標題鏈接，背景被選中（藍色），似乎凌亂。

如何避免此行爲？

感謝，

Answer 1

你可以使用user-select:none，這將禁用th元素的選擇。

jsFiddle example - 嘗試突出顯示元素。

th { 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
} 

支持此屬性，可以發現here.

---

如果你關心支持下，你可以選擇使用::selection來改變顏色從藍色變爲透明。這種方法有一個小更多的支持。

jsFiddle example - 嘗試突出顯示元素。

th::selection { 
    color:transparent; 
} 
th::-moz-selection { 
    color:transparent; 
} 

它在IE9中受支持。 Reference here.