无法将样式更改为 jQuery:s 自动完成元素

Question

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

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

这是我的 fiddle：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 class：

.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