How can I control the dropdown visible text position?

Question

I have a dropdown that I want to grow without affecting the text and ensuring that the right hand arrow stays at the full level of the element.

I've tried adding padding, but it affects the right side:

I'm tired of adding height, but I can't vertically align the text:

Has anyone solved this before?

Thanks, Denis

+2

Denis hoctor 14 oct. '09 at 12:25

2 answers

This is browser specific behavior. Each browser uses css to manipulate controls differently.

+2

Jonathan Fingland 14 oct. '09 at 12:31

rahul · Accepted Answer · 2009-10-14T12:34:03+0000

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

Here is a good one using jQuery