I guess I'm coming late to the table on this, but I just found out that IE6 and IE7 do not support styling the size of the SELECT or OPTION tags (the SELECT control) except by increasing the font (which sucks) or by using the little-known 'zoom' property (which also sucks because it makes the down arrow and fonts look like crap). The min-height, line-height, height, border, padding, and margin styles have no effect on increasing the height of a SELECT control. Someone should issue Microsoft its last cigarette before it is blindfolded before the firing squad.
The fix is to wrap in a DIV and then style that. You see, on my forms, I put a 3px solid red or grey border on the left to indicate whether the field is required or not. Therefore, I put a DIV to wrap the SELECT, don't give it a background color, and just make the border on the left like 3px solid red, and then increase it's height to match the height of my INPUT boxes. I then use padding in the DIV to move the SELECT down and over a couple pixels.
Styling IE SELECT Boxes
Moderator: General Moderators
-
jack_indigo
- Forum Contributor
- Posts: 186
- Joined: Sun Jun 08, 2008 11:25 pm