javascript - 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>