推特类型未来突出选择

Bar*_*mey 5 javascript twitter jquery bootstrap-typeahead

我已在我的页面上实现了Twitter Type Ahead,它看起来很棒.但由于某种原因,当我向下箭头指向建议列表时,项目不会突出显示,但会填充文本框.但是,当我用鼠标悬停在建议的下拉菜单上时,项目会突出显示.是否有理由说明箭头通过后物品不会突出显示?如果是这样,我怎么能做到这一点?

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

ymu*_*tlu 11

选定的建议获取类.tt-cursor.

.tt-cursor{
    color:#f1b218;
}
Run Code Online (Sandbox Code Playgroud)


Bar*_*mey 7

找到了答案.

事实证明我的CSS属性是继承的,我必须.tt-is-under-cursor明确地设置如下:

.tt-is-under-cursor {
    background-color: #000000!important;
    color: #FFFFFF !important;
}
Run Code Online (Sandbox Code Playgroud)

UPDATE

该类已重命名为 .tt-cursor

例:

.tt-cursor {
    background-color: #000000!important;
    color: #FFFFFF !important;
}
Run Code Online (Sandbox Code Playgroud)