Wenn ich auf meine HTML-Schaltfläche klicke, wird ein blauer "Auswahlrahmen" angezeigt.

Question

Ich habe diese HTML-Schaltfläche erstellt, und nach dem Stylen mit CSS wird bei jedem Klicken ein blauer Auswahlrahmen angezeigt. Gibt es eine Möglichkeit, das zu beheben? Ich weiß, dass das standardmäßige unveränderte Element das nicht tut, wenn ich es erstelle, also denke ich, dass es etwas mit dem CSS zu tun haben muss, das ich hinzugefügt habe.

HTML:

<button type="button" class="drop-button" >-</button> 

CSS:

.drop-button { 
    background-color: #343436; 
    color: #FFFFFF; 
    border: none; 
    border-radius: 5px; 
    margin-right: 8px; 
    margin-left: 4px; 
    height: 20px; 
    width: 25px; 
    font-size: 20px; 
    vertical-align: middle; 
    line-height: 0px; 
} 

Here is a link to it.http://jsfiddle.net/xytxnpyt/

Answer 1

Dies ist das Standardverhalten von Chrome. Sie können es drehen mit diesem weg ...

button:focus{ 
outline: none; 
} 

Answer 2

Hier gehen Sie:

.drop-button:focus { 
    outline: 0; 
} 

Fiddle

Answer 3

Obwohl ich nicht die blaue Auswahl Grenze reproduzieren könnten Sie in JSFiddle reden, versuchen Hinzufügen von "outline-width: 0px;" zum CSS des Knopfes und sehen, ob das irgendetwas tut