Изменение выпадающего списка автозаполнения css при нажатии стрелки вниз

Question

Iam пытается исправить стиль jQ.autocomplete item. Когда я наводил курсор на предлагаемый элемент, css верен. Но всякий раз, когда я нажимаю клавишу «вниз», стиль меняется на что-то еще. Как это сделать?

пример с наведению мыши:

пример со стрелкой вниз:

Это то, что я есть для парения стайлинга:

ul.ui-autocomplete li:hover a 
{ 
border:none; 
background-color: #6695CF; 
background-image: none; 
} 

, что IVE попробовал вместе с 15 другими решениями:

ul.ui-autocomplete li:focus a 
{ 
border:none; 
background-color: #6695CF; 
background-image: none; 
} 

Answer 1

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus { 


font-weight: bold; 
border:none; 
background-color: #6695CF; 
background-image: none; 
color: white; 

} 

ли трюк.