我已经尝试了所有可能的组合,以便在自动完成的下拉事件发生后在鼠标悬停事件上(在课程文档中)突出显示我的元素,但仍然没有设法突出显示我的元素。
我真的不知道为什么会这样。
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>
有什么建议?
没有小提琴就无法真正分辨。
但是,您说的负责突出显示的代码是错误的。应该是这个.tt-suggestion:hover
更新
根据评论提供的小提琴,.tt-suggestion.tt-cursor
确实存在,并且应将样式设置为悬停效果。
但是,如果它不起作用,则可以尝试以下解决方案:
.tt-suggestion:hover {
color: #fff;
background-color: #0097cf;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句