Here is what I got:
<select id="box1">
<option>ABCDEFG</option>
</select>
<select id="box2">
<option>ABCDEFGHIJKLMNO</option>
</select>
I have 2 different Drop Down lists. Since the width of a drop down list depends on the width of the longest text in the option, I end up with 2 drop down lists with 2 different widths. This makes my webpage look goofy.
What I want is to set it so that both of my drop down lists will have the same width (I’d prefer the width to be very long, so that even the longest item won’t be truncated).
You can use CSS to set the width of your
<select>element, but it’ll be difficult to get the width to match a given number of characters exactly.Why would you want the option’s text to be clipped?