javascript - jQuery Autocomplete - 找不到在建议 div 上设置宽度的位置？

Question

我正在使用 jQuery Autocomplete - 它一切正常，但我想修改宽度，目前在 Firebug 中宽度设置为 268px，但我希望它是 520px。

我看不到样式表中将宽度设置为 268px 的位置，尝试使用 !important 覆盖“自动完成建议”似乎不起作用。

关于如何将此宽度从 268px 设置为 520px 的任何想法？

<div id="appendTo">
<div class="autocomplete-suggestions" style="position: absolute; width: 268px; max-height: 300px; z-index: 9999;">

现有的 CSS

.autocomplete-suggestions {
    background-color: #79BE28;
    border-radius: 7px;
    box-shadow: 0 4px 4px #CCCCCC;
    max-height: 650px !important;
    width: 520px !important;
}
.autocomplete-suggestions .autocomplete-suggestion {
    font-size: 12px;
    text-align: left;
    color: #fff;
    padding: 4px 15px;
    cursor: pointer;
}
.autocomplete-suggestions .autocomplete-suggestion:hover {
    font-weight: bold;
}
.autocomplete-suggestions .autocomplete-suggestion strong {
    text-decoration: underline;
}

.autocomplete-suggestion {
    z-index: -1 !important;
}

Answer 1

您可能会这样做。 (如 Changing width of jquery-ui autocomplete widgets individually 中所示)

$('#input').autocomplete({  
   source: mysource,   
   open: function() { $('#autocomplete-suggestions').width(520) }  
});