推特类型提前高亮选择

Twitter Type Ahead Highlight Selection

本文关键字：高亮 选择 类型      更新时间：2023-09-26

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

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

选择的建议获得。tt-cursor类。

.tt-cursor{
    color:#f1b218;
}

找到答案了

结果是我的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;
}

相关文章：