jQuery自动完成功能亮点

音频开发

我环顾四周,看到了很多有关样式自动完成的问题/答案。我的问题/问题涉及悬停在其中一个菜单项上时突出显示的样式,我尝试了其他帖子中类似建议的多种组合,但无济于事。

.ui-autocomplete.source:hover {
    background: #454545;
}

.ui-autocomplete .ui-menu .ui-menu-item:hover{
    background: #0039a6;
}

.ui-menu .ui-menu-item a{
    color: #96f226;
    border-radius: 0px;
    border: 1px solid #454545;
}

.ui-autocomplete li.ui-menu-item:hover {
    background: #0039a6;
}

.ui-state-hover, .ui-autocomplete li:hover{
    color:White;
    background:#96B202;
    outline:none;
}

我需要修改正在修改的类吗?是否修改了错误的状态?是否需要修改语法?

雅可比

我正在使用的jquery-autocomplete版本,我只需要设置此样式即可。

.ui-autocomplete .ui-menu-item a.ui-state-focus {
      background: #C4FFC4 !important;
      border: 1px solid #32BE61 !important;
}

因为当您将鼠标悬停在项目上时,jQuery会在链接中添加样式“ ui-state-focus”。

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章