Search code examples
csstagsheight

Assign height property to option tag

I need to set a bigger height for the option tags inside my select.

<select name="forms" id="forms">
    <option value="1">Row 1</option>
    <option value="1">Row 1</option>
    <option value="1">Row 1</option>
</select>

I used the CSS code below for this purpose, but it did not work.

option {
   padding-top:5px;
   padding-bottom:5px;
}

Also I have tested this one, and again, anything happened.

option {
    height:20px;
}

What is your suggestions ?

Solution

  • I could set a certain height for it using a style for the select tag:

    <select name="" style="height:25px">