javascript - 使用JQuery从CSS onmouseover移除背景颜色属性

我正在尝试删除div onmouseover的背景色。

$("#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内的边框和内容

最佳答案

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

您也可以使用hover标志使用CSS来完成此操作:

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