JQuery 自动完成突出显示

Question

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

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

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

Answer 1

我用的jquery-autocomplete的版本，我只需要设置这个样式就可以了。

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

因为当您将鼠标悬停在某个元素上时，jQuery 会将样式“ui-state-focus”添加到链接。