web-dev-qa-db-de.com

CSS entfernt den standardmäßigen blauen Rand

Ich habe ein Formular mit mehreren Schaltflächen, bei dem ich JavaScript einsetze, um die zweite Schaltfläche zu übermitteln, wenn jemand drückt.

Das funktioniert gut, aber wenn ich dieses Formular in IE öffne, erhält die erste Schaltfläche eine blaue Umrandung, die dem Benutzer "Dies ist die Schaltfläche, die beim Drücken der Eingabetaste gedrückt wird" sagt.

Gibt es eine Möglichkeit, das mit CSS zu entfernen, ohne den Rest des Button-Stylings zu überschreiben?

default button style

Beispiel:

<button  onclick="javascript:alert('remove');">Remove name</button>
26
Peter

Denke, das sollte funktionieren (nur IE10 auf PC getestet) für die Grenze:

button { outline: 0; }

Möchten Sie den Hintergrund entfernen (für WebKit/Blink erforderlich)?

Hinzufügen:

background: none;

Sie müssen die Grenze loswerden (entfernt auch den Hintergrund von IE10):

border: 0;

24
Ben Frain

Verwenden Sie diesen Code:

button { border:0;}
12
Touhid Rahman

meine Lösung (nach einigen Monaten)

button:focus {
outline: 0;
box-shadow: none;
}
6
Leandro RR

Das kann dir helfen. Verwenden Sie folgende CSS-Eigenschaften:

input, 
input:active, 
input:focus {     
    outline: 0;     
    outline-style: none;     
    outline-width: 0; 
}
2
Butani Vijay

Verwenden Sie diesen Code:

button {
    border : 0px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
     border-radius:7px;
}
#sideToggle:focus, #sideToggle:active{
  outline: 0;     
  outline-style:none;     
  outline-width:0;
}

Dies löste mein Problem, wenn jemand anderes den Post besuchte. Ich habe meine eigenen Styles separat hinzugefügt, da sie für das Thema wirklich nicht von zentraler Bedeutung sind. 

0
crazyjedi98