禁止點擊以突出顯示DIV的最佳方式是什麼？

Question

我有兩個「按鈕」，它們是由一個帶有UTF-8箭頭字符的DIV組成的。

當用戶點擊它們時，它們有時會突出顯示。

抑制此突出顯示的最佳方式是什麼，以便它可以在所有瀏覽器中運行，但不會影響點擊？

這裏的標記：

<div class="arrowContainer"><div class="arrowLeft">...</div></div> 

.arrowContainer .arrowLeft { 
    background-color:#E0E0E0; 
    width:15px; 
    padding: 1px 0 0 0; 
    height: 19px; 
    text-align: center; 
    float:left; 
    margin: 0 2px 0 0; 
    font-size: 9pt; 
    cursor: pointer; 
} 

Answer 1

好像它被選中，所以儘量禁用選擇項（當您選擇文本等）：

*.notSelectable{ 
    -moz-user-select: -moz-none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 

    /* 
    IE 10.   
    */ 
    -ms-user-select: none; 
    user-select: none; 
} 

Answer 2

你可以只扔掉他們全部：

$.fn.unselectable = function() { 
    return this.each(function() { 
     $(this).css({ 
      mozUserSelect: "none", 
      webkitUserSelect: "none", 
      msUserSelect: "none", 
      userSelect: "none" 
     }) 
      .attr("unselectable", "on") 
      .on("selectstart", function(e){ 
       e.preventDefault(); 
      }); 
    }); 
}; 

$(".arrowContainer").unselectable();