单击时出现CSS边框[重复]

Question

我在右侧（蓝色）按钮上有一个简单的注销按钮，每当我按下注销按钮时，就会出现该边框

我尝试了以下 CSS 样式：

a:active
{
    border-style: none;
    border: 0px;
}

这些已经在所有<a> tag 可能性上进行了尝试，例如hover, active..

知道可能是什么原因吗？

这是 Jsfiddle 链接

http://jsfiddle.net/v1x29f9h/

Answer 1

不是边框，是轮廓。

#logoutButton {
    outline: none;
}

演示 http://jsfiddle.net/v1x29f9h/1/

Answer 2

它是outline: none;。边框将遵循边框半径路径。