Wie blau Grenze zwischen i-Tags

Question

entfernen Ich habe dieses HTML

<div class="text-center" style="position: absolute;z-index: 9;bottom: 1%; width:100%; color:rgba(0, 0, 0, 0.51);font-size:50px;"> 
<i class="fa fa-plus-circle pointer" title="Zoom In" onclick="foyrPlayer.OnPanoramaButtonPressed('zoomin');"></i> 
<i class="fa fa-minus-circle pointer" title="Zoom Out" onclick="foyrPlayer.OnPanoramaButtonPressed('zoomout');"></i> 
<i class="fa fa-arrow-circle-left pointer" title="Back" onclick="prevLevelSection()"></i> 
<i class="fa fa-adjust pointer " title="Change Color" onclick="toggleVariant();"></i> 
</div> 

, wenn ich mehr als einmal auf ein beliebiges Element klicken, gibt es eine blaue Farbe zwischen denen geschaltet wird, überprüfen Bild

dies nicht Gliederung. Wie kann ich diese blaue Linie vermeiden/entfernen

Answer 1

Mit mehrmals in kurzer Zeit zu klicken, aktivieren Sie die Textauswahl. Sie wählen also den Abstand zwischen den weißen Elementen.

Wenn Sie die Auswahl verhindern möchten, können Sie eine zusätzliche Klasse hinzufügen, wie in this post vorgeschlagen:

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

    /* 
    Introduced in IE 10. 
    See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/ 
    */ 
    -ms-user-select: none; 
    user-select: none; 
} 

Answer 2

Dies ist wegen einer Auswahlmarke der Maus. user-select CSS-Eigenschaft kann Ihnen helfen, dieses Erscheinungsbild zu vermeiden.