select {
height: 50px;
}
Code language: CSS (css)
The above technique work for most of the browsers except Internet Explorer. The combo box does not take the height specified in CSS and is displayed with the default height only. I tried searching Internet to see if there are some IE Specific Hacks to increase the height of the listbox. But I couldn’t find a useful fix. Finally I end up using a workaround of fixing height issue of selectbox in IE. Just increase font size of the select box and that will increase size of it. select {
font-size: 15px;
}
Code language: CSS (css)
The above workaround is working for me. If you find any other useful trick for this problem please share it by comment on this article. Java URL Encoder/Decoder Example - In this tutorial we will see how to URL encode/decode…
Show Multiple Examples in OpenAPI - OpenAPI (aka Swagger) Specifications has become a defecto standard…
Local WordPress using Docker - Running a local WordPress development environment is crucial for testing…
1. JWT Token Overview JSON Web Token (JWT) is an open standard defines a compact…
GraphQL Subscription provides a great way of building real-time API. In this tutorial we will…
1. Overview Spring Boot Webflux DynamoDB Integration tests - In this tutorial we will see…
View Comments
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 ;)