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

问题描述:

我一直试图在jQuerys自动填充框中更改焦点项目的背景颜色,但比我想像的要困难。 我的使命是将蓝色改为别的东西。那可能吗?无法将样式更改为jQuery:s自动完成元素

enter image description here

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

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

我已经用确切的代码从例子jQuery提供:http://jqueryui.com/autocomplete/#categories

我只是说这使悬停红:

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

加上.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

+1

我在寻找了几个小时找到正确的组合,所以我没有改变页面上的其他活跃的jQuery元素,感谢这个答案! –