Bar*_*mey 5 javascript twitter jquery bootstrap-typeahead
我已在我的页面上实现了Twitter Type Ahead,它看起来很棒.但由于某种原因,当我向下箭头指向建议列表时,项目不会突出显示,但会填充文本框.但是,当我用鼠标悬停在建议的下拉菜单上时,项目会突出显示.是否有理由说明箭头通过后物品不会突出显示?如果是这样,我怎么能做到这一点?
myTypeahead= $('#txtBox').typeahead({
name: 'typeahead',
valueKey: "Value",
remote: 'serviceHander.ashx',
template: ['<p>{{Value}}</p>'],
engine: Hogan,
});
Run Code Online (Sandbox Code Playgroud)
ymu*_*tlu 11
选定的建议获取类.tt-cursor.
.tt-cursor{
color:#f1b218;
}
Run Code Online (Sandbox Code Playgroud)
找到了答案.
事实证明我的CSS属性是继承的,我必须.tt-is-under-cursor明确地设置如下:
.tt-is-under-cursor {
background-color: #000000!important;
color: #FFFFFF !important;
}
Run Code Online (Sandbox Code Playgroud)
UPDATE
该类已重命名为 .tt-cursor
例:
.tt-cursor {
background-color: #000000!important;
color: #FFFFFF !important;
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
5426 次 |
| 最近记录: |