Javascript 设置动画前，Div背景色闪烁白色

我有一个使用jQuery、jQuery UI、jQuery UI颜色插件、CSS和HTML的动画标题按钮。可以在此处找到一个示例：

以下是我正在使用的HTML标记：

<div class="header">
    <div class="header_label">
        Test
    </div>
</div>

如您所见，我正在.animate函数中使用backgroundColor属性。jQuery颜色插件支持这一点

div元素的样式如下所示：

.header {
    height: 50px;
    background-color: #27AEFF;
}
.header_label {
    float: left;
    text-align: left;
    font-family: Arial;
    padding-top: 14px;
    margin-left: 0px;
    border: 2px solid black;
    height: 32px;
    padding-left: 7px;
    padding-right: 7px;
    text-decoration: none;
    color: black;
}

正如您可以看到的，当您将鼠标移到标题按钮上时，它会闪烁白色，然后更改为预期的颜色2778ff。此外，它仅在您第一次将鼠标悬停在标题标签上时闪烁白色

如何使.header\u label div更改为其预期颜色而不闪烁白色

---

感谢您的帮助。

似乎是Chrome唯一的问题。添加

背景：27AEFF

to.header\u标签以及.header似乎可以修复它

---

我想这是因为如果没有指定起始颜色，当您第一次滚动时，它不知道要从什么颜色更改，因此默认为白色。

感谢您的帮助。我会尽快接受答案。

.header {
    height: 50px;
    background-color: #27AEFF;
}
.header_label {
    float: left;
    text-align: left;
    font-family: Arial;
    padding-top: 14px;
    margin-left: 0px;
    border: 2px solid black;
    height: 32px;
    padding-left: 7px;
    padding-right: 7px;
    text-decoration: none;
    color: black;
}