jQuery 自动完成行在选择时突出显示

Question

我正在使用 jQuery UI Autocomplete .

当建议框出现并且用户按下向下键(或者他们将鼠标移到一个建议上)时，我需要突出显示整行。到目前为止，当按下向下键时，只有超链接的背景被突出显示。我尝试设计 ui-state-hover 类的样式，但它只用在 anchor 元素上。我不知道如何突出显示 li 元素。

到目前为止，这是我的 CSS:

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

编辑:为了更清楚一点，自动完成生成它的元素，如下所示:

<ul>
<li><a>an element</a></li>
<li><a>another element</a></li>
</ul>

当向下键被按下时， anchor 元素自动获得 ui-state-hover 类。

Answer 1

我遇到了完全相同的问题，解决方法是:

.ui-state-focus
{
    color:White;
    background:#96B202;
    outline:none;
}