使用类btn-link按钮时如何使弹出框不可见或更小？

Question

我使用以下代码制作一个看起来像glyphicon的按钮：

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

当我点击按钮时，在glyphicon周围会出现一个框（下图），这对我来说是不可取的。如何让这个盒子看不见甚至变小？

例如，在stackoverflow中，当你点击投票时你不能存在这样的盒子（你可以马上做这个帖子;）请帮忙。提前致谢。

Answer 1

聚焦时将box-shadow和outline设置为无。

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