Not able to change the font size for a certain option in Select2

Asked Apr 29 '20 at 14:17

Active Apr 29 '20 at 14:22

Viewed 220 times

I have the following select2 dropdownlist. How do I increase the font size of certain options. The below style="font-size:40px;" is not working.

$(document).ready(function() {
  $('.sele').select2();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.12/js/select2.full.min.js"></script>
<select class="sele" name="goalcat" id="goalcat" onchange="this.form.submit();">
  <option disabled>Select a type</option>
  <option value="501" style="font-size:40px;" disabled>Main option</option>
  <option value="1">Child option</option>
</select>

edited Apr 29 '20 at 14:20

mplungjan

169,008
28
173
236

asked Apr 29 '20 at 14:17

Abdallah Sakre

I made you a snippet. Please make it proper [mcve] Your font size works for me in Chrome – mplungjan Apr 29 '20 at 14:20
Please have a look at this https://stackoverflow.com/questions/7208786/how-to-style-the-option-of-an-html-select-element – Daniel Herrero Hernando Apr 29 '20 at 14:22
@DanielHerreroHernando That is irrelevant to this. Select2 makes a different element out of a select – mplungjan Apr 29 '20 at 14:23

Not able to change the font size for a certain option in Select2

0 Answers0