'Increase font size in bootstrap form-select

I am working on a html tempalate where I have a drop down list. The problem is the content in the dropdown list appear to have too small fonts. I am using Bootstrap 5 for this project.

<select class="form-select form-select-lg" aria-label=".form-select-lg example">
                {% for item in availablePickup.timeList %}
                    <option>{{item}}</option>
                {% endfor %}
</select>

I have tried with oin css

option {font-size : 14 px;}

But it does not increase the font size. Note that it is the content in the drop down list that I need to increase the font size for.

htmltwitter-bootstrapbootstrap-5


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions