JQuery SumoSelect - 页面上具有不同宽度的多个实例

Question

我正在使用JQuery SumoSelect 插件，但我的页面上有 2 个组合框。一个需要比另一个长，但是 SumoSelect 不会将选择元素的宽度作为其宽度，而是使用 css 文件中设置的宽度。

我可以更改组合框的宽度，它可以正确显示，但下拉选择的宽度仍由 SumoSelect 的 css 控制。显然下拉列表应该与实际元素的宽度相同。

如何将一个框设置为 200 像素，而将另一个框设置为 400 像素？

谢谢

Answer 1

通过更改 sumoselect.css 中的宽度使其工作

来自：

.SumoSelect{width: 200px;}

收件人：

.SumoSelect{width: inherit;} 

然后用所需的宽度包装每个实例（如果需要）：

<div style="width:100px !important">
.
.
.
</div>