Twitter Type Ahead Highlight Selection

Question

Tôi đã triển khai Twitter Type Ahead trên trang của mình và có vẻ tuyệt vời. Nhưng vì một số lý do khi tôi mũi tên xuống danh sách các đề xuất, các mục không được đánh dấu, nhưng chúng sẽ điền vào hộp văn bản. Tuy nhiên, khi tôi di chuột qua thả xuống các đề xuất bằng chuột, các mục được tô sáng. Có lý do nào khiến các mục không nổi bật khi mũi tên đi qua không? Nếu vậy, làm thế nào tôi có thể thực hiện điều này?

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

Answer 1

Tìm câu trả lời.

Hóa ra rằng thuộc tính CSS của tôi đã bị thừa hưởng và tôi đã phải thiết lập các .tt-is-under-cursor một cách rõ ràng như sau:

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

CẬP NHẬT

Các lớp học đã được đổi tên thành .tt-cursor

Ví dụ :

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

Answer 2

Đề xuất được chọn là lớp .tt-cursor.

.tt-cursor{ 
    color:#f1b218; 
}