Как сделать всплывающее окно невидимым или уменьшенным при использовании кнопки класса btn-link?

Question

Я использую следующий код для создания кнопки, которая выглядит как глифик:

<button type="submit" class="btn btn-link">
<span class="glyphicon glyphicon-triangle-top" style="font-size: 20px;">
</span>
</button>

Когда я нажимаю на кнопку, вокруг глификона (на следующем рисунке) появляется рамка, которая мне не нужна. Как я могу сделать эту коробку невидимой или даже сделать ее меньше?

Например, в stackoverflow такой ящик не существует, когда вы нажимаете на голосование (что вы можете сделать прямо сейчас в этом посте;)) Пожалуйста помоги. Заранее спасибо.

Answer 1

Установите box-shadow и outline на ноль в фокусе.

.btn-link.btn:focus {
    box-shadow: none;
    outline: none;
}