CSS边框出现点击效果

Question

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

我尝试了以下 CSS 样式：

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

这些已经在所有 <a> 标签 的可能情况下进行了尝试，如 hover, active..

有什么想法是什么原因呢？

这是 Jsfiddle 链接

http://jsfiddle.net/v1x29f9h/

- DodoSombrero

---

出于可访问性的原因，我不会将其删除。如果没有任何轮廓线，没有鼠标的人将无法知道他们所在的链接/按钮。 - Leeish

这主要是为了我的论文网站，不会实际发布到公共领域。如果您按下'TAB'键，在单词周围仍会出现边框。 - DodoSombrero

Answer 1

这不是边界，而是轮廓。

#logoutButton {
    outline: none;
}

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

- Arbel

---

非常顺利，谢谢。猜测边框样式在这里不是正确的选择。 - DodoSombrero

@DodoSerebro 没问题！很高兴能帮到你。 - Arbel

非常感谢。你的回答帮了我很大的忙。 - Megha

Answer 2

它是outline: none;。边框将跟随border-radius路径。

- Cohars