How to increase height of Dropdown's select option field?

Asked Apr 30 '18 at 14:46

Active Apr 30 '18 at 18:52

Viewed 2,911 times

I am facing issue in increasing the size of dropdown select option. I have applied styles but its working for background color but not the height.

<select style="width:200px">
  <option value="volvo">
    <div style="height:100px !important ;color:red">Volvo</div>
  </option>
  <option value="saab" style="height:50px;">Saab</option>
  <option value="opel" style="height:50px;">Opel</option>
  <option value="audi" style="height:50px;">Audi</option>
</select>

edited Apr 30 '18 at 18:52

j08691

197,815
30
248
265

asked Apr 30 '18 at 14:46

Jeevanjyothi

See this answer https://stackoverflow.com/questions/7208786/how-to-style-the-option-of-a-html-select/7208814 – Sleek Geek Apr 30 '18 at 14:54
In reference to the comment that @SleekGeek left, you would be able to do this using `HTML` elements like `ul`s, `li`s and javascript. – Danny Apr 30 '18 at 15:10
You can't put a div in an option – j08691 Apr 30 '18 at 18:52
yes I am doing it using ul li. – Jeevanjyothi May 02 '18 at 09:14
Does this answer your question? [change the height of "option" only with css](https://stackoverflow.com/questions/29256849/change-the-height-of-option-only-with-css) – Dharman Oct 24 '20 at 22:25

How to increase height of Dropdown's select option field?

0 Answers0