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

Question

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

我不想要那个列表中的任何黄色。 ;)

我准备了一个 fiddle :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;
}