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

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

这里有一个解决方法。捕获 sumo select 的 opening 事件并使用 jquery 动态设置第一个元素的高度。

$('#EmployeeType').on('sumo:opening', function () {

    $('.select-all').css('height', '35px');

});