按下向下箭头时更改自动完成下拉项目 css

Question

我正在尝试修复 jQ.autocomplete 项目的样式。当我将鼠标悬停在建议的项目上时，css 是正确的。但是每当我按下“向下键”时，样式就会变成其他东西。 我该怎么做？

鼠标悬停示例：

带有向下箭头的示例：

这就是我的悬停样式：

ul.ui-autocomplete li:hover a
{
border:none;
background-color: #6695CF;
background-image: none;
}

我尝试了什么以及其他 15 种解决方案：

ul.ui-autocomplete li:focus a
{
border:none;
background-color: #6695CF;
background-image: none;
}

Answer 1

.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 {


 font-weight: bold;
 border:none;
 background-color: #6695CF;
 background-image: none;
 color: white;

}

成功了。