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

Question

在 Safari 8 中的第一个 :hover 上，选中的复选框和单选按钮会闪烁，就像被点击一样。示例代码：

<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 here，但请记住，这只发生在第一个悬停事件中，而不会发生在后续事件中。需要重新运行代码才能再次触发。

有谁知道这种行为的根源以及如何防止它？ Chrome 和 Firefox 都没有出现这种闪烁。

更新

我在 bugreporter.apple.com 上向 Apple 报告了此问题，他们以 Duplicate of 17781269 (Open) 状态关闭了我的问题（雷达 21101864）。

Answer 1

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