使用class btn-link按钮时，如何让弹出框不可见或变小？

Question

我正在使用以下代码制作一个看起来像字形的按钮：

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

当我点击按钮时，一个框出现在字形图标周围（下图），这不是我想要的。我怎样才能使这个盒子不可见甚至变小？

例如在 Whosebug 中，当您点击投票时，这样的框不存在（您可以立即在此 post ;) ） 请帮忙。提前致谢。

Answer 1

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

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