How can I add padding to the option of the select?

Question

I want to add more padding to the select options

<label>Select:</label>
<select class="form-control " >
<option value="">No</option>
<option value="">Yes</option>
</select>

Does this answer your question? [How to style the option of an html "select" element?](https://stackoverflow.com/questions/7208786/how-to-style-the-option-of-an-html-select-element) — Luko Foks, Jul 26 '21 at 19:19

score 0 · Answer 1 · answered Jul 26 '21 at 19:19

0

select{
  padding: 5px 50px 5px 50px ;
}

<label>Select:</label>
<select class="form-control " >
<option value="">No</option>
<option value="">Yes</option>
</select>

maybe is this you asked

answered Jul 26 '21 at 19:19

Sheikh Farzaib

padding top and button options have not changed – Belen Jul 26 '21 at 20:06
@Belen you can add padding in select box 5px to as you want from top and bottom but in options you can't there's limited css for – Sheikh Farzaib Jul 26 '21 at 20:19

score 0 · Answer 2 · answered Jul 26 '21 at 19:23

0

select{
  padding: 7px 70px 7px 70px ;
}

answered Jul 26 '21 at 19:23

AaYan Yasin

score 0 · Answer 3 · answered Jul 26 '21 at 19:41

0

if you need a Responsive form, Padding need to use percentage

.form-control{
 padding: 1% 1%;
}

answered Jul 26 '21 at 19:41

anoymous guy

3 Answers3