otomatik tamamlama değiştir css klavyeyi kullanarak seçim (ok tuşu)

Question

Kullanıcı klavyeyi kullanarak bir sonuç seçtiğinde css'yi değiştirmeyi dener (ok tuşu).

.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; 
} 

Ancak, bu css yalnızca bir fare olayıyla yürürlüğe girer. İşte

Answer 1

gitmek.

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

bu deneyin:

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

Bu çözümü gibi. Ama şimdi kendime sordum, hava durumu bir ui-menü öğesi istendiğinde bağlantının arka plan rengini değiştirmek mümkün mü? Bu kod snippet'ini kullanmak harika olurdu!