autouzupełnianie zmiana css wybierz przy użyciu klawiatury (klawisz strzałki)

Question

Próbuję zmienić css, gdy użytkownik wybierze wynik za pomocą klawiatury (klawisz strzałki).

.ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a:focus, .ui-menu .ui-menu-item a:active { 
    background:#ff8a00!important; 
    color:#000; 
    border-radius:0; 
} 

Jednak to css działa tylko w przypadku zdarzenia myszy.

Answer 1

Tutaj jesteś.

WORKING DEMO

CSS:

.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 { 
    background: #ff8a00; 
    border: none; 
    color:#000; 
    border-radius:0; 
    font-weight: normal; 
} 

Answer 2

spróbuj tego:

jsFiddle

.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{ 
    background: #ff8a00!important; 
    color: #000; 
    border-radius: 0; 
} 

Answer 3

Lubię to rozwiązanie. Ale zadałem sobie pytanie, czy teraz jest pogoda, aby zmienić także kolor tła linku, jeśli element ui-menu-ist istniał? Byłoby wspaniale wykorzystać ten fragment kodu!