How to increase the spacing between options in Dropdown list?
Application Type

I tried changing the padding but it doesn't work

option {
    display: block;
    white-space: nowrap;
    min-height: 1.2em;
    padding: 16px;

Hello Shu

There are only a few style attributes that can be applied to an <option> element.

To achieve this you will need to create the Custom Dropdown - 

Hi Shu,

Without custom, dropdown to create space between.

Basically, the only way I could think of adding "space" between two elements within your DropDownList would be to actually place an empty element in the list.

Thanks & Regards,

Mulayam Yadav

Hi Shu,

This type of element is not a part of HTML/Browser. it is a replaced type element that is OS dependent so it can not styled via CSS.

You need to create custom select box :-

Custom Select box

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.