javascript - 使用 JQuery 从 css onmouseover 中删除背景颜色属性

Question

我正在尝试删除鼠标悬停时 div 的背景颜色。

$("#LoginTab").mouseover(function(){
    //Gives me white color
    $("#LoginTab").animate({backgroundColor: ''},1000); 
});
$("#LoginTab").mouseout(function(){
    $("#LoginTab").animate({'backgroundColor':'#babfde'},1000);
});

这是CSS

#LoginTab
{
    background-color:#babfde;
    padding-top:5px;
    padding-bottom:5px;
    opacity:1;
    border:#babfde 2px solid;
}

所以我想要的效果是背景颜色将被删除，这将只给我边框和 div onmouseover 中的内容

Answer 1

您需要使用透明，空字符串不是有效的背景色。

您也可以通过使用 hover 标志的 css 来实现:

#LoginTab:hover
{
    background-color: transparent;
}