Question

I have a dropdown that I’m looking to enlarge without effecting the text and ensuring the right hand down arrow remains at the full hieght of the element.

I’ve tried adding padding but this effects the right side:

Dropdown with padding http://hoctordesign.com/dropdown2.png

I’ve tired adding height but I can’t vertically align the text:

Dropdown with height http://hoctordesign.com/dropdown.png

Anyone solved this before?

Thanks,
Denis

Answer 1

In your case it would be better to use a custom element that acts like a select box.

Here is a nice one using jQuery

Select Box replacement