Javascript jQuery自动完成悬停样式

我试图改变自动完成的背景颜色，当一个项目被悬停，我只是不能让它工作。我设法用

.ui菜单项a

更改了一般背景颜色，并尝试使用

：hover

，

：focus

，

：active

，但没有一个能做到这一点。有人能告诉我什么是正确的职业吗

CSS:

.ui-widget {
  font-size: 0.75em;
}
.ui-menu-item a {
  background-color: #fff;
}

---

悬停的自动完成项将应用类

ui状态焦点

，因此您可以通过CSS将它们作为目标：

.ui-menu-item a.ui-state-focus {
/* your rules */
}

---

请注意，较新版本的jQuery UI可能需要

.UI菜单项.UI状态焦点

。

我能让它工作的唯一方法是在IE中打开开发人员工具，看看调用了什么来更改颜色。我发现：

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover 

因此，如果我将其添加到我的样式表中，我将使用它覆盖类（要加载的最后一个样式表）：

似乎对我很管用。进行更改后，您可能需要关闭并重新打开浏览器

---

我求助于此，因为其他建议似乎都不适合我。发布此消息，因为它可能会帮助遇到相同问题的其他人

在我的情况下，下面的代码对我很有用。希望它能帮助别人

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #6693bc !important;
    font-weight: bold !important;
    color: #ffffff !important;
} 

---

谢谢，对我有用。即使没有jQueryUIV1.12.1中的“！important”，这对我也有用。这对我也有用。谢谢分享。

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #6693bc !important;
    font-weight: bold !important;
    color: #ffffff !important;
}