下矢印を押したときにオートコンプリートドロップダウンアイテムを変更する

Question

jQ.autocompleteアイテムのスタイリングを修正しようとしています。提案されたアイテムにカーソルを合わせると、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; 

} 

トリックをしました。