当我点击我的 HTML 按钮时，会显示一个蓝色的“选择”边框

Question

我创建了这个 HTML 按钮，并在使用 CSS 对其进行样式设置后，每次单击它时都会在其周围出现一个蓝色的选择边框。有没有什么办法解决这一问题？我知道默认的未更改元素在我创建时不会这样做，所以我认为它必须与我添加的 CSS 有关。

HTML：

<button type="button" class="drop-button" >-</button>

CSS：

.drop-button {
    background-color: #343436;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
    margin-right: 8px;
    margin-left: 4px;
    height: 20px;
    width: 25px;
    font-size: 20px;
    vertical-align: middle;
    line-height: 0px;
}

这是它的链接。 http://jsfiddle.net/xytxnpyt/

Answer 1

这是 Chrome 的默认行为。你可以用这个关闭它...

button:focus{
outline: none;
}