2013-06-03 16 views
5

Zaimplementowałem na mojej stronie Twitter Type Ahead i wygląda świetnie. Ale z jakiegoś powodu, gdy wybieram listę sugestii, elementy nie są podświetlone, ale wypełniają pole tekstowe. Jednak po najechaniu kursorem myszy nad sugestiami, elementy zostaną podświetlone. Czy istnieje jakiś powód, dla którego przedmioty nie byłyby podświetlane, gdy strzałka przechodziła? Jeśli tak, jak mogę to zrobić?Wybór typu nagłówka Twittera z wyprzedzeniem

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

Odpowiedz

6

Znaleziono odpowiedź.

Okazuje się, że moi właściwości CSS były coraz dziedziczone i musiałem ustawić .tt-is-under-cursor wyraźnie tak:

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

UPDATE

Klasa została zmieniona na .tt-cursor

przykładu :

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

Obecna wersja (0.10.5) zmieniła nazwę klasy CSS na "tt-cursor". – Jeremy

11

Wybrana sugestia pobiera klasę .tt-cursor.

.tt-cursor{ 
    color:#f1b218; 
}