jQuery自动完成悬停样式

Question

我正在尝试在项目悬停时更改自动完成的背景颜色,我无法让它工作.我设法改变与一般的背景颜色.ui-menu-item a,并尝试使用:hover,:focus,:active但他们没有做的伎俩.谁能告诉我正确的课程是做什么的？

CSS:

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

Answer 1

在我的情况下,以下代码为我工作.希望它可以帮助某人.

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

Answer 2

悬停的自动填充项目会ui-state-focus应用该类,因此您可以通过CSS将其定位到:

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

jsFiddle例子

请注意,可能需要更新版本的jQuery UI .ui-menu-item.ui-state-focus.

Answer 3

我能够让它工作的唯一方法是在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-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 
{
  border: 1px solid #000;
  background: #000;
}

似乎对我有用.您可能需要在进行更改后关闭并重新打开浏览器.

我使用了这个,因为其他任何建议似乎都不适合我.发布此信息可能有助于遇到同一问题的其他人.