I've got a page that uses expanded selects (you know, select height=5 etc, where it's not a dropdown), and I can't seem to control the height of the options. They look really snug. In Firefox, CSS values for option in height and line-height both seem to have the desired effect, but not in Chrome 8 or Safari 5. Am I missing something?

2 answers

This was chosen as the best answer

The folks at StackOverflow found the answer, and that is: no luck. "Setting padding on an optgroup or option has no effect in Chrome."

Answered over 8 years ago by Ben Saufley
  • Nice find... even if you had to answer it yourself. +1 Abinadi Ayerdis over 8 years ago

Are you using CSS Reset? Try using. If you do not change anything back here! : D

/ / CSS Reset - By Eric Meyer - http://meyerweb.com/eric/tools/css/reset/

-------------------------- EDIT --------------------------

After seeing the code beside. (I had not seen before!) I did a test using padding-top and it worked. Try and see if that's right! :D

Answered over 8 years ago by Filipe Almeida
  • Did you read my question? Because this feels like promotion more than an attempt to help. And if you look at what your proposed CSS reset does, it doesn't even touch form elements. Ben Saufley over 8 years ago
  • `padding` doesn't effect the `option` element in webkit, as far as I can tell. I tried your suggestion, and I can pad the top of the `select`, but not anything within the `option`. Ben Saufley over 8 years ago
  • This answer is not helpful at all. In addition to being off topic, it is wrong. You cannot alter the option element in webkit. Abinadi Ayerdis over 8 years ago