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

Posted 2021-05-03

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

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

如何设置一个盒子，比如200px，另一个设置为400px？

谢谢

答案

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

从：

.SumoSelect{width: 200px;}

至：

.SumoSelect{width: inherit;} 

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

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