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