jQuery autocomplete hover styling

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-state-focus применяется, так что вы можете ориентировать их с помощью CSS с:

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

jsFiddle example

Обратите внимание, что новые версиям пользовательского интерфейса jQuery может понадобиться .ui-menu-item.ui-state-focus.

Answer 2

Единственный способ заставить его работать - это открыть инструменты разработчика в 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; 
} 

кажется, работает хорошо для меня. Возможно, вам придется закрыть и снова открыть браузер после внесения изменений.

Я прибегал к этому, поскольку ни один из других предложений, похоже, не работал для меня. Проводя это, это может помочь кому-то другому, кто сталкивается с тем же вопросом.