发现这个CSS缺陷了吗？

Question

我有一个圆形按钮，我只是想要标准的悬停效果(悬停颜色变化时，悬浮在上方)。

悬停效果本身很好，问题是当我单击按钮时，会出现一个外部边框，并停留在那里，直到我单击按钮外部。

下面是发生这件事的一段简短的画面。链接

下面是当前正在使用的完整CSS：巴斯丁林克

Answer 1

看起来像大纲属性。尝试添加到您的按钮：

outline:none;

Answer 2

只需添加大纲:无；

.rounded {background: #fff;
margin-top: 20px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
outline:none; }