SumoSelect的select-all选项与选择下拉列表中的其他选项重叠

Question

我在SumoSelect应用程序中有一个CodeIgniter选择下拉列表，其中select all选项与其他项目相比具有更小的高度，因此，select all选项与下拉列表中的其他选项重叠。我试图使用select-all增加jQuery选项元素的高度，但我认为<option>的高度不能手动修改。那么请告诉我们如何解决这个重叠的问题？

码：

<select name="type" id="type" multiple="multiple" placeholder="Select a type" class="form-control SlectBox">                          
    <?php foreach($types as $type) { ?>
        <option>$type</option>
    <?php } ?>
</select>

<script>
    $(document).ready(function() {
        window.asd = $('.SlectBox').SumoSelect({ 
            csvDispCount: 3,
            selectAll: 1,
            captionFormat: '{0} types selected!',
            captionFormatAllSelected:'All {0} types selected!'
        }); 
        <?php if(count(array_filter($Type_list))==0){?>
            $('select.SlectBox')[0].sumo.selectAll();
        <?php } ?>      
    });
</script>

重叠问题：

Answer 1

作为Firefox的快速修复，这个解决方案对我有用。我将以下样式添加到页面的css文件中。

.SumoSelect .select-all {
  display: table-cell;
}