Css 为什么webkit（Chrome/Safari）对这个元素的关注不够？

我已经创建了一个自定义HTML组合框。除了Webkit浏览器（Chrome和Safari）使焦点突出显示不稳定外，一切都正常。以下是Chrome和Safari上的外观：

请注意下拉图像底部突出的焦点边框

IE和Firefox中有同样的东西：

正如你所看到的，IE和Firefox都使用一个漂亮的矩形来渲染焦点，但是Chrome渲染的效果不稳定

以下是相关的HTML：

<div style="height:32px;" class="ko-select-container" tabindex=0>
    <div class="selected-option">
        <span>Select a Value</span>
    </div>
    <div style="float:right;">
        <!-- Drop down image height is 32px !-->
        <img src="DropDown.png" />
    </div>
    <div style="clear:both" />
</div>

选择一个值

尝试将

垂直对齐：顶部

添加到

img

。这个缺口看起来很可疑。

你是个男人！很简单，不知道为什么我没有想到这个。谢谢（我会尽快把你的答案记下来。）