How can I set the height of an option?

Question

I have a list of options but the box is larger than needed. How can I adjust the position/height to match the old layout?

current implementation:

Code:


 
 Match Type
 
  
    
  

*Required

desired outcome:

Thanks in advance!

user_16676343 · Answer

Design the option element by Height and width in css.

option{
      height: 10px;
      Width: 250px;
}

user_9785633 · Answer

Target the select element via css, (add another class to the html element and reference it in the CSS file) then set height: desiredvalue. Check if min-height is set to the element, if so, unset it.

Be aware that the form-control class is already applied, which is bootstrap style, that might interfere with your style. Inspector tools will be of help here.

user_17139053 · Answer

You can set the height and width of your object in the CSS file

#dropdown{
    width: 250px;
    height: 25px;
}

How can I set the height of an option?

3 Answers