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

Question

我试图修复jQ.autocomplete项目的样式。当我将鼠标悬停在建议的项目上时，css是正确的。但每当我按下＆＃34;键时，＃34;样式改变了别的东西。 我该怎么做？

鼠标悬停的示例：

带向下箭头的示例：

这就是我对悬停造型的看法：

$target_file = $target_dir . basename($_FILES["UploadImage"]["name"]);

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

ul.ui-autocomplete li:hover 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;

}

诀窍。