CSS usunąć domyślną niebieską granicę

Question

Mam formularz z wieloma przyciskami, gdzie używam JavaScript, aby przesłać drugi przycisk, gdy ktoś naciśnie enter.

Działa to świetnie, ale jeśli otworzę ten formularz w IE, pierwszy przycisk otrzyma niebieską ramkę, która mówi użytkownikowi "to jest przycisk, który zostanie naciśnięty po naciśnięciu klawisza Enter".

Czy istnieje sposób na usunięcie tego z CSS bez przesłonięcia reszty stylizacji przycisku?

Przykład:

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

Answer 1

użyć tego kodu:

button { border:0;} 

Answer 2

To może pomóc. Stosować następujące właściwości CSS:

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

Answer 3

Wystarczy dodać border-radius rozwijać przycisk wygląd:

-moz-border-radius:7px; 
-webkit-border-radius:7px; 
border-radius:7px; 

Answer 4

button{border:none; border-radius:4px; -moz-border-radius:4px;} 

Answer 5

użyć tego kodu:

button { 
    border : 0px; 
    -moz-border-radius:7px; 
    -webkit-border-radius:7px; 
    border-radius:7px; 
} 

Answer 6

że to powinno działać (tylko testowane IE10 na PC) dla granicy:

button { outline: 0; }

Chcesz usunąć tło (potrzebne w WebKit/Blink)?

Dodaj:

background: none;

trzeba pozbyć granicy (usuwa tło na IE10 zbyt):

border: 0;

Answer 7

#sideToggle:focus, #sideToggle:active{ 
    outline: 0;  
    outline-style:none;  
    outline-width:0; 
} 

to rozwiązać mój problem, czy ktoś wizyt Poczta. Dodałem własne style osobno, ponieważ nie są one kluczowe dla problemu.

Answer 8

moje rozwiązanie (po kilku miesiącach)

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