jQuery的自动完成下拉菜单是透明的

Question

我正在尝试在我的一个文本字段上使用jquery自动完成功能，除了下拉列表出于某种原因是透明的事实之外，其他一切似乎都还不错。

我同时链接了jquery-ui.js和jquery-ui.css，两者均为1.11.4版本。似乎可以正常加载值，下拉列表的透明度似乎是唯一的问题。我的js代码非常简单：

$( "#edit_account" ).autocomplete({
source: dataArray
});

这是它的屏幕截图：

我环顾四周，没有发现相同的问题。

谢谢。

Answer 1

.ui-autocomplete { background-color: inherit; }

这个对我有用。

Answer 2

上述案例的问题只是透明的背景。

附加到DOM的列表是

<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-autocomplete-custom"></ul>

与CSS

.ui-autocomplete-custom {
    background: #87ceeb;
    z-index: 2;
}

这将为列表添加颜色，并且z-index将确保该元素位于另一个元素上方。