默认返回背景颜色 - javascript bootstrap

Question

我有点急。想问你一件简单的事。

我正在进行鼠标悬停和鼠标输出功能，但是我想在mouseout事件中设置x按钮将恢复为默认（背景颜色）。

现在我有：  关于鼠标悬停：

.css({"background-color": "rgba(255, 255, 255, 1)"});

请告诉我如何在发生mouseout时恢复默认值。谢谢。

Answer 1

如果您想使用javascript，可以使用

$( "#button" ).mouseleave(function() {
      $(this).css("background-color": "none");
});

或者如果你想用css hover控制onmouseover事件

#button:hover{
  background-color: rgba(255, 255, 255, 1);
}

Answer 2

您可以在悬停时添加/删除类并设置这两个类的css属性（即一个是默认的，另一个是专用的）。 这个答案可能会有所帮助： https://stackoverflow.com/a/16821586/4636715