Change text size inside HTML Select

If your select text size is too small, too big, or it causes problems with readability, you should change it.

You can do this easily in plain CSS with font-size.

<select style="font-size: 24px;">
    <option>Your option</option>
</select>

You can define your own value in px, em, rem, etc.

Example:

<b>Modified select:</b><br>
<select style="font-size: 1.1em;">
    <option>First Element</option>
    <option>Second Element</option>
</select>

<br><br>

<b>Normal select:</b><br>
<select>
    <option>First Element</option>
    <option>Second Element</option>
</select>

Output:

Modified select:


Normal select: