如何为鼠标离开事件设置 jQuery UI 的自动完成列表样式？

Question

我创建了一个自动完成字段，我不想使用 jQuery UI 的默认样式来显示列表。我已经想出了如何为列表和悬停列表元素设置新的背景颜色。但是鼠标离开事件似乎仍然有一种风格。我怎样才能删除它或至少选择它？

我不希望该列表中有任何黄色。 ;)

我准备了一个小提琴：http://jsfiddle.net/3fay2w7g/

代码如下： HTML：

<input id="search_in_cmms">

CSS： //在jQuery UI样式表之后

.ui-autocomplete{
    background-color: #fff !important;
}

.ui-autocomplete .ui-menu-item:hover{
    background-color:  #2ea2cc !important;
    background-image: none;
    color: #fff;
    border: none;
}

Javascript：

    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
    ];
    $('#search_in_cmms').autocomplete({
        source: availableTags
    });

Answer 1

这是ui-state-focus 类：

.ui-autocomplete .ui-menu-item:hover,
.ui-autocomplete .ui-menu-item.ui-state-focus{
    background-color:  #2ea2cc !important;
    background-image: none;
    color: #fff;
    border: none;
}