jQuery自动完成行在select上突出显示

Question

我正在使用jQuery UI Autocomplete.

当出现建议框并且用户按下向下键(或者他们将鼠标移到一个建议上)时,我需要突出显示整行.到目前为止,当按下向下键时,只有超链接的背景突出显示.我尝试了ui-state-hover类的样式,但这只用于锚元素.我无法弄清楚如何突出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>

当按下向下键时,锚元素自动获得类ui-state-hover.

Answer 1

我有完全相同的问题,解决了它:

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

Answer 2

作为CSS的初学者，我没有更早地看到这一点：我只需要设置anchor元素的style即可display:block。万一有人再次遇到这个问题。