我正在使用 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 类。
最佳答案
我遇到了完全相同的问题,解决方法是:
.ui-state-focus
{
color:White;
background:#96B202;
outline:none;
}
关于jQuery 自动完成行在选择时突出显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6424482/