Chrome，OS X中按钮元素的灰色边框

Question

我正在尝试设置button元素的样式。在Chrome，OS X上，无论如何，它仍会在元素周围留下灰色的反射式边框。

我做 -webkit-appearance以及outline，border甚至box-shadow都设置为none所以＆＃ 39; s没有人

这是元素和奇怪边框的屏幕截图：http://imgur.com/ztxbysi

有没有人知道如何摆脱它？

CSS：

button { /* a part of http://meyerweb.com/eric/tools/css/reset/ */
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
}

#addNew {
    width: 30px;
    height: 30px;
    color: white;
    background-color: #33f;
    border-radius: 50%;
    font-size: 15pt;
    line-height: 1em;
    padding: 6px;
}

HTML：

<button id="addNew">+</button>

更新：尽管将-webkit-appearance设置为none，该按钮似乎仍然具有Chrome默认的蓝色焦点色调，因此它可能有些特殊-webkit我不知道的属性。