默认返回背景颜色 - javascript bootstrap答案

【问题标题】：return background color on default - javascript bootstrap默认返回背景颜色 - javascript bootstrap
【发布时间】：2016-12-26 20:47:48
【问题描述】：

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

我正在执行 mouseover 和 mouseout 功能，但是我想设置 x 按钮会在 mouseout 事件时返回默认（背景颜色）。

现在我有：鼠标悬停时：

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

请告诉我当鼠标悬停时我应该如何恢复默认设置谢谢。

【问题讨论】：

将默认颜色存储在变量中并在鼠标移出时设置它。但是为什么要使用 javascript 来实现 :hover 效果呢？为什么不在 CSS 中更改背景颜色？（使用伪类：hover？）
在后台有一些 flesk 操作，使用 id 操作和使用逻辑操作比在 css 中操作更容易...我找到了带有默认颜色的解决方案。:) 谢谢.

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：