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

时间:2017-01-23 10:15:43

标签: javascript jquery css combobox sumoselect.js

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

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

如何将一个框设置为200px,另一个设置为400px?

由于

1 个答案:

答案 0 :(得分:0)

通过更改sumoselect.css中的宽度来实现它。

FROM:

.SumoSelect{width: inherit;} 

TO:

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

然后用所需宽度包装每个实例(如果需要):

[[0,1,2,3,4,5],
 [1,0,0,0,0,0],
 [2,0,0,0,0,0],
 [3,0,0,0,0,0],
 [4,0,0,0,0,0]]