Safari 8标签+复选框悬停闪烁,如何防范？

Question

在第一个:在Safari 8中悬停复选框和选中的单选按钮将闪烁,就好像它被点击一样.示例代码:

<div>
    <label><input type="checkbox" checked> Hover me in Safari 8</label>
</div>

<style>
div {
    background-color: #eee;
    padding: 1em;
}
label {
    line-height: 2em;
    display: block;
}
label:hover {
    background-color: #fff;
}
</style>

我还在这里创建了一个JSFiddle,但请记住,这只发生在第一个悬停事件而不是后续事件.您需要重新运行代码才能再次触发它.

有谁知道这种行为源于何处以及如何预防？Chrome和Firefox都没有出现这种闪烁现象.

更新

我通过bugreporter.apple.com向Apple报告了这个问题,他们关闭了我的问题(雷达21101864),状态为Duplicate of 17781269(Open).

Answer 1

应用于-webkit-transform: translateZ(0);输入元素对我有用（虽然很脏，我知道）。