html - Safari 8 label + checkbox hover 闪烁，如何防止？

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 报告了这个问题，他们关闭了我的问题(radar 21101864)，状态为 Duplicate of 17781269 (Open)。

Answer 1

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