javascript - Twitter Type Ahead 突出显示选择

Question

我已经在我的页面上实现了Twitter Type Ahead，它看起来很棒。但是由于某种原因，当我向下箭头建议列表时，这些项目没有突出显示，但它们填充了文本框。但是，当我将鼠标悬停在建议下拉菜单上时，这些项目会突出显示。当箭头穿过时，这些项目不会突出显示有什么原因吗？如果是这样，我该如何做到这一点？

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

Answer 1

选定的建议获得类 .tt-cursor。

.tt-cursor{
    color:#f1b218;
}

Answer 2

找到了答案。

事实证明，我的 CSS 属性正在被继承，我必须.tt-is-under-cursor像这样显式设置：

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

更新

该类已重命名为.tt-cursor

例子：

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