I'm working with a requirement to make a selectbox the same height as
normal text input elements. (at least for IE7)
But in IE the selectbox reacts strangely to the CSS rules. Normally,
there are so many things not possible with select boxes in IE.
But the I discovered I could actually change the height by adjusting
font-size, then adjusting height I was actually able to tweak the
height.
I had to adjust the height up to 14px and then use the height
attribute to be able to adjust the height of the selectbox. (all other
text is 11px).
That made select boxes look horrible in Firefox, as it correctly
understands height, etc, of the select box.
Then I thought about first adjusting the select element, then re-
adjusting the option element, but the option element did not seem to
react... (it appears that when styling option elements, I'm styling
what compares to the "open" selectbox. The "closed" element is still
only the select element).
My question is: Do you know where I can find more info on setting the
height correctly of a select box so that it appears similar cross-
browser (FF and IE7)?
Any links and info is greatly appreciated.
/Jesper Rønn-Jensen
blog: www.justaddwater.dk