Is there a way to fix the width of the dropdown list?

Question

Here is what I got:

<select id="box1">
   <option>ABCDEFG</option>
</select>  

<select id="box2">
   <option>ABCDEFGHIJKLMNO</option>
</select>

I have two different drop down lists. Since the width of the drop-down list depends on the width of the longest text in the option, I end up with two drop-down lists with two different widths. It makes my webpage dumb.

I want to set it so that both of my dropdowns have the same width (I would prefer the width to be very long so that even the longest element will not be truncated).

Answer 1

CSS <select>, , .

, ?

Answer 2

, ? , size. . , .

EDIT: . . : CSS, javascript. , .

Answer 3

. .

<select id='box1' style='width: 200px;'>

<select id='box2' style='width: 200px;'> 

css, .

#container select {
    width: 150px;
}

Answer 4

JavaScript ( id="listA"):

document.getElementById('listA').length = 20

20 .