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

尤金·苏尼奇(Eugen Sunic)

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

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

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>

有什么建议?

罗宾·卡塔卡丹(Robin Carlo Catacutan)

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

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

更新

根据评论提供的小提琴,.tt-suggestion.tt-cursor确实存在,并且应将样式设置为悬停效果。

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Bootstrap的Modal框-背景不会在显示时淡出

Bootstrap Carousel不会在Rails 3.2.13中自动滑动

完整日历是否不会在Bootstrap选项卡中自动加载?

Bootstrap的全屏轮播不会在TYPO3中显示为全屏

Chrome轮廓不会在Bootstrap 4中消失

导航栏不会在Bootstrap 3中居中

输入文本框不会在ReactJS中重置

为什么Jquery .show()不会在bootstrap手风琴折叠中显示锚点div?

如何使用占位符在 Bootstrap 模型中显示的文本框中设置值

Bootstrap 中滑块库中图像上的文本框

Bootstrap 4垂直对齐文本不会在卡上居中

Bootstrap-导航栏不会在移动设备上显示

使用jquery从bootstrap selectpicker文本框中获取值

Bootstrap 3 datatimepicker从文本框中清除我的值

Bootstrap Tour删除了每个步骤中突出显示的元素

Bootstrap表单-文本框右侧的标签

Bootstrap滑块范围值文本框

Bootstrap-文本框的边框颜色

Bootstrap 导航栏不会在移动视图上折叠

Bootstrap 4输入不会在填充时停止

Summernote不会在Bootstrap模式上发布

Bootstrap 模式不会在 Angular 8 中弹出

颜色不会在Bootstrap导航栏上更改

PHP表单不会在Bootstrap页面中提交?

Bootstrap v4 popover不会在React中的状态更改时更新

Bootstrap 模态窗口不会在角度 5 中的路线更改时关闭

Bootstrap(实际上是JQuery)DatePicker不会在Wicket模式中模糊时隐藏

Bootstrap modal不会在adminlte中更新内容并重置表单

Bootstrap Navbar不会在手机中崩溃