Dropdownlist width in IE 8/9

Question

the picture below describes my current problem. Is there a (css)way to achieve the "Good Browsers" behaviour (like FF) in IE8/9 without JavaScript/JQuery? Found some old posts from 2008 / 2011, but without any possible solution.

(e.g. Thread1 Thread2 )

enter image description here

Thanks alot!

This' alternate solution for Ancient Browsers: `select:active, select:focus { width: auto; }`. You can try JS solution for better usage. This' just an idea. — Ketan Modi, Apr 02 '13 at 08:15
same question from here http://stackoverflow.com/questions/1895476/how-to-style-a-select-dropdown-with-css-only-without-javascript hope this help you.... [click me](http://jsfiddle.net/danield770/sNwrs/10/) — jhunlio, Apr 02 '13 at 08:18

score 0 · Answer 1 · answered Apr 02 '13 at 08:04

0

<!--[if IE]>
<style>
select{
width: 250px;
}
</style>
<![endif]-->

That code works only on IE browsers.

answered Apr 02 '13 at 08:04

ExCluSiv3

184
2
20

The problem with that solution is, that ALL boxes will have a width of 250px , and if a text is longer than 250 it will still get cut off. – user1323246 Apr 02 '13 at 08:19
How about giving the boxes IDs and giving each the width it requires? – Frank Conijn - Support Ukraine Apr 02 '13 at 09:11
You can do that with what i just told you, you can edit the pixels as you wish them to be and make it same as advanced browsers. – ExCluSiv3 Apr 02 '13 at 09:17

score 0 · Answer 2 · answered Sep 11 '13 at 19:36

This is a good startingpoint. It doesn't work so well in the demo, but there are solutions in the final comments and the code looks fairly easy to improve upon: http://www.dougboude.com/blog/1/2008/05/Viewing-Option-Text-in-IE7-thats-Wider-than-the-Select-List.cfm

Dropdownlist width in IE 8/9

2 Answers2