Twitter Tipo Ahead Selezione evidenziazione

Question

Ho implementato il Twitter Type Ahead sulla mia pagina e sembra fantastico. Ma per qualche motivo quando faccio scorrere verso il basso l'elenco di suggerimenti, gli elementi non sono evidenziati, ma popolano la casella di testo. Tuttavia, quando passo il mouse sopra il menu a discesa dei suggerimenti con il mouse, gli elementi sono evidenziati. C'è una ragione per cui gli oggetti non si evidenziano quando si fa la freccia? Se è così, come posso realizzare questo?

myTypeahead= $('#txtBox').typeahead({ 
      name: 'typeahead', 
      valueKey: "Value", 
      remote: 'serviceHander.ashx', 
      template: ['<p>{{Value}}</p>'], 
      engine: Hogan, 
     }); 

Answer 1

Trovato la risposta.

Risulta che le mie proprietà CSS sono stati sempre ereditati e ho dovuto impostare il .tt-is-under-cursor esplicitamente in questo modo:

.tt-is-under-cursor { 
    background-color: #000000!important; 
    color: #FFFFFF !important; 
} 

UPDATE

La classe è stato rinominato .tt-cursor

Esempio :

.tt-cursor { 
    background-color: #000000!important; 
    color: #FFFFFF !important; 
} 

Answer 2

Il suggerimento selezionato ottiene la classe .tt-cursor.

.tt-cursor{ 
    color:#f1b218; 
}