html - Chrome : no hover state after clicking, 随机发生

Question

不敢相信我在谷歌上没有找到任何关于它的信息，这样一个恼人的错误，不确定它是否可以在没有谷歌更新他们的浏览器的情况下修复。

问题描述:点击一个附有悬停状态的元素后，随机地，悬停状态不会出现，直到您重新点击或移动鼠标。

如果您在自定义复选框上尝试它，情况会变得更糟，我猜这与它创建双击的事实有某种关系。但是，即使 plain div 附加了悬停，该错误仍然会出现。

在 Firefox 和 IE 中一切正常。

带有 chrome 信息的视频捕获:

自测:

i = 0;
$( ".button" ).click(function() {
  i++;
  $(".clicks").html(i);
});

body {
  text-align: center;
}

.button {
  background: #252B33;
  width: 100px;
  height: 100px;
  text-align: center;
  margin-bottom: 30px;
  display: flex;
  border-radius: 5px;
  align-items: center;    
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.button:hover {
  background: #ccc;
  cursor: pointer;
}

input {
  display: none;
}

.custom_checkbox {
  width: 30px;
  height: 30px;
  background: #5E6569;
  border-radius: 50%;
}

input:checked ~ .custom_checkbox {
  background: #FF4F68;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<br>
Number of clicks:
<span class="clicks">
  0
</span>
<br><br>

<div class="button">
</div>

<label class="button">
  <input type="checkbox">
  <div class="custom_checkbox">
  </div>
</label>

Answer 1

在谷歌浏览器上执行“结束任务”后，问题似乎消失了。我之前确实尝试过关闭和启动浏览器，但只有完成结束任务才有帮助。

它一定与垃圾收集器有关，因为我让浏览器每天运行并使用了一个星期左右(晚上让计算机进入休眠状态(Windows 8.1))。

如果它应该重新出现，会通知您。