style select option using css

Question

I\'m trying to style a select option list using CSS. I want more padding between the times of the list because the seem squashed together. I\'ve tried adding padding to the

Answer 1

If I'm correct, Firefox is the only browser that supports padding, height, margin or any other kind of modification of the size for the option element. (At least Chrome doesn't allow any sort of size altering and you can't ignore Chrome users) so the solutions mentioned above work mostly for Firefox and maybe for some other browsers.

So your option is to roll your own or use a javascript element library like jquery-ui or twitter bootstrap that are more modifiable.