推特类型未来突出选择

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