Bootstrap typhead.js不会在自动完成的文本框中突出显示元素

Question

我已经尝试了所有可能的组合，以便在自动完成的下拉事件发生后在鼠标悬停事件上（在课程文档中）突出显示我的元素，但仍然没有设法突出显示我的元素。

我真的不知道为什么会这样。

CSS代码应突出显示以下元素：

    .tt-suggestion.tt-cursor {
    background-color: #0097CF;
    color: #FFFFFF;
}

JS代码允许突出显示元素：

$('#the-basics .typeahead').typeahead({
  hint: true,
  highlight: true,
  minLength: 1
},

HTML呼叫：

<div id="the-basics">
  <input class="typeahead">
</div>

有什么建议么？

Answer 1

没有小提琴就无法真正分辨。

但是，您说的负责突出显示的代码是错误的。 应该是这个.tt-suggestion:hover

更新资料

根据评论中的小提琴， .tt-suggestion.tt-cursor确实存在，并且对其样式进行设置应适用于悬停。

但是，如果它不起作用，则可以尝试以下解决方案：

.tt-suggestion:hover {
  color: #fff;
  background-color: #0097cf;
}