Css 使用键盘上下箭头时，jquery自动完成ul列表项高亮显示

但不起作用，当前滚动列表项的背景始终为白色

谢谢， 斯里兰卡

---

上面来自stackoverflow帖子的css为我提供了解决方案。感谢最初的解决方案制定者。

也许这有点晚，但链接到您从中获得此解决方案的实际SO帖子可能会有所帮助。如果这对您有效，您也可以将问题标记为已回答。

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0" style="z-index: 1003; display: none; width: 415px; top: 267px; left: 882px;">
    <li class="ui-menu-item" role="presentation">
        <a id="ui-id-3" class="ui-corner-all" tabindex="-1"> Holland </a>
    </li>
    <li class="ui-menu-item" role="presentation">
        <a id="ui-id-4" class="ui-corner-all" tabindex="-1"> Hungary </a>
    </li>
</ul>

.ui-menu .ui-menu-item a:active a:focus a:hover{
    background-color: red;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,   
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
   background: red;
   border: none;
   color:#000;
   border-radius:0;
   font-weight: normal;
}