自动完成设置建议区域宽度

Question

我使用jquery组合框自动完成功能，如下面的演示。

jquery combobox autocomplete

我添加jQuery UI Autocomplete Select First Extension后，我的建议区域宽度有问题。

在某些情况下，建议区域的宽度比平时大。 如何解决这个问题？

我知道我可以输入这段代码：

$（this）.autocomplete（“widget”）。css（{“width”：250}）;

但是，它会改变我的所有组合风格。那么我可以在我制作的每个组合框中加入这个代码吗？我怎么能这样做？

THX。

Answer 1

我只想更改css列表的ul.ui-autocomplete。 jsFiddle

.ui-autocomplete {
    width: 300px;
    background-color:red;
}    

.ui-autocomplete li {
    border: 1px solid black;
}

如果您需要更改结果ul的类，那么我将在此处链接此解决方案。 SO Link