5

ページにTwitter Type Aheadを実装しましたが、見栄えがします。しかし、何らかの理由で提案のリストを下に移動すると、アイテムは強調表示されませんが、テキスト ボックスに入力されます。ただし、マウスで提案のドロップダウンにカーソルを合わせると、項目が強調表示されます。矢印を押したときにアイテムが強調表示されない理由はありますか? もしそうなら、どうすればこれを達成できますか?

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

2 に答える 2

11

選択された提案はクラス .tt-cursor を取得します。

.tt-cursor{
    color:#f1b218;
}
于 2014-03-07T14:49:35.810 に答える
7

答えを見つけました。

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;
}
于 2013-06-03T14:52:07.280 に答える