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

Question

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

jquery combobox autocomplete

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

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

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

$(this).autocomplete("widget").css({"width": 250});

但是，它会改变我所有的组合风格。那么我可以在我制作的每个组合框上输入此代码吗？我该怎么做？

谢谢。

Answer 1

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

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

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

如果您需要更改结果的类ul，那么我会在此处点击此链接以获取解决方案。 SO Link