javascript - 当我的按钮悬停时，mouseleave 并不总是触发

Question

我使用此代码在鼠标悬停时突出显示我的按钮:

$("#fileupload").mouseenter(function () {
    $("#myLink").css("background-color", "#495461");
}).mouseleave(function () {
    $("#myLink").css("background-color", "#3C454F");
});  

它可以工作，但是当单击此按钮(因此鼠标悬停)时，会显示一个模式窗口来选择文件，因此在这种情况下，鼠标离开永远不会进行。

我的问题:如何解决此问题，以便在显示此模态时让我的背景颜色恢复为“正常”(#3C454F)。我宁愿避免在单击此按钮后放置一些代码，而是将所有内容都集中在上面的一个代码块中，因为这里我简化了问题...

Answer 1

这应该通过 CSS 和 :hover 伪类来完成。

只需将此 CSS 规则添加到您的样式中即可。

#myLink {
  background-color:  #495461;
}

#myLink:hover {
  background-color:  #3C454F;
}