CSS удалить стандартную синюю границу

У меня есть форма с несколькими кнопками, где я использую JavaScript для отправки второй кнопки, когда кто-то нажимает кнопку ввода.

Это отлично работает, но если я открою эту форму в IE, первая кнопка получит синюю рамку, которая сообщает пользователю "это кнопка, которая будет нажата при нажатии ввода".

Есть ли способ удалить это с помощью CSS без переопределения остальной части стиля кнопки?

default button style

Пример:

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

Ответы

Ответ 1

Подумайте, что это должно работать (проверено только IE10 на ПК) для границы:

button { outline: 0; }

Хотите удалить фон (необходимо на WebKit/Blink)?

Добавить

background: none;

Нужно избавиться от границы (удаляет фон также в IE10):

border: 0;

Ответ 2

Используйте этот код:

button { border:0;}

Ответ 3

мое решение (через несколько месяцев)

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

Ответ 4

Это может вам помочь. Используйте следующие свойства CSS:

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

Ответ 5

Используйте этот код:

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

Ответ 6

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

Это решило мою проблему, если кто-то еще посещает почту. Я добавил свои собственные стили отдельно, поскольку они действительно не являются центральными в этой проблеме.

Ответ 7

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

Ответ 8

Просто добавьте граничный радиус, чтобы развить вид кнопки:

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