As I learned and tested that below code will set Select2 pull down list width. It applies to all Select2 on a HTML page.
.select2-container {
width: 200px !important;
}
I have couple Select2 and I want to change below #company width only to 500px.
<div class="field-container" style="width: 600px !important">
<label>Company:</label>
<select id="company" style="width: 500px !important">
<option value=""></option>
</select>
</div>
The style="width: 600px !important" does set my Select2 container width to 600px.
style="width: 500px !important" does not work.
I tried to use below to override pulldown selection width for #company. It does not work.
#select2-company-container {
width: 500px !important;
}
How to change #company pulldown list width?