0

Possible Duplicate:
Setting the height of a SELECT in IE

I need to increase the height of selection box in IE7. In chrome and firefox, wok fine. But in ie7 the section box height is small. I try to set the font-size as 30px. The height is increased but the text is so large.

Here I attached the image

enter image description here

How I increase the height of selection box with out set the font-size.
I am waiting for your valuable answer.

Community
  • 1
  • 1
Selvamani
  • 7,434
  • 4
  • 32
  • 43

2 Answers2

1

There is noway of doing it in IE., unless you use a custom made select box like

http://harvesthq.github.com/chosen/

Raab
  • 34,778
  • 4
  • 50
  • 65
1

What about giving it some padding? Try this CSS 

select {padding:20px 0px;}

Or if you want the text to be on top then give a padding to the bottom 

select {padding-bottom:20px;}

I hope padding works in IE ;)

Note: The selection arrow doesn't change it's height, sadly. You might try some jQuery solution.

Deepak Kamat
  • 1,880
  • 4
  • 23
  • 38