Working with Internet Explorer and creating web pages that behaves same in IE has always been frustrating for many web developers. One way of tackling IE problem is to create IE-Specific Stylesheet and thus it helps in avoiding breaking of design in IE. While working on one of the requirement I had to set height of selectboxes on the webpage. Normally for setting up height of any html component we apply stylesheet. For example:
select {
height: 50px;
}
Code language: CSS (css)select {
font-size: 15px;
}
Code language: CSS (css)
It seems to be related with the IE0s *has-layout* flag.
If found that it works, if the width is given, too.
select {
height: 120px;
width: 120px;
}
I also had cross browser success by styling the option element:
option {
height: 20px;
}
Set Font size to higher pixels
Increasing the font size of combo box in ie7 makes a difference in look and feel of the page.. I wanted to know if there is any other alternative with which the combo box height can be fixed and text written in it also will be same as the text in other boxes..
In IE still doesn’t work. The same problem I found in Google Chrome.
You can work around with the padding assignment on in CSS:
form.register select {
width:250px;
padding: 3px 0px 3px 0px;
}
The only issue I had come along with this is that the select-button won’t scale with the size.
Tested on newest versions of Firefox, IE and Chrome.
Thanks Gaurav..It is working..
Hi,
The above approach is still not working.
*zoom: 1.6;
*font-size: 9px;
Ca marche Merci ;)
It work , thank you ;)