无法将样式更改为jQuery：s autocomplete元素

Question

我一直在尝试在jQuerys自动完成框中更改焦点项目的背景颜色，但是比我想象的要难。 我的任务是将蓝色改为其他东西。这可能吗？

不悬停颜色。那个我已经设法改变了。不，这是使用键盘更改焦点项目时显示的颜色。

这是我的小提琴：https://jsfiddle.net/18b15bw1

我使用了jQuery提供的示例中的确切代码：http://jqueryui.com/autocomplete/#categories

我刚添加了这个以使悬停红色：

 .ui-menu-item .ui-menu-item-wrapper:hover {
     background: red;
 }

Answer 1

同时添加.ui-state-active课程：

.ui-menu-item .ui-menu-item-wrapper:hover, .ui-menu-item .ui-state-active {
  background: red;
}

<强> jsFiddle example

实际上，你甚至不需要你的悬停规则，它可以同时处理鼠标和键盘：

.ui-menu-item .ui-state-active {
  background: red;
}

<强> jsFiddle example