在第一个:在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 here,但请记住,这只发生在第一个悬停事件而不是后续事件。您需要重新运行代码才能再次触发它。
有谁知道这种行为源于何处以及如何预防? Chrome和Firefox都没有出现这种闪烁。
更新
我通过bugreporter.apple.com向苹果公司报告了这个问题,他们关闭了我的问题(雷达21101864),其状态为 17781269(开放)重复。
答案 0 :(得分:1)
将-webkit-transform: translateZ(0);
应用于输入元素对我有用(虽然我知道很脏)。