固定了select2的宽度

Question

I am using select2 for selecting a candidate skill. I don't want to change my select box width, I want Fixed width for my slelet2

What have I Tried So far?

//HTML
<select class="skill_select_id" name="skill_select_id">
    <?php foreach ( $skills as $skill ) { ?>
        <option value="<?= $skill['id'] ?>" ><?= $skill['name'] ?></option>
    <?php } ?>
</select> 

First I use resolve

//Script 
$('.skill_select_id').select2({tags:true, width: 'resolve'});

I have also tried element , 100% option in width

//Another Try
$('.skill_select_id').select2({tags:true, width: 'element'}); 

But it didn't help me to set a Fixed width of select2.

I don't want to add inline CSS to solve this problem because if I use the plugin then it must have some solution for this type of problems.

Answer 1

要修复我的下拉宽度，在select2初始化中将其设置为'element'对我来说效果很好：

$("#dropDown").select2({ width: 'element' });