уменьшить ширину выбора, несколько ящиков

Question

Один из элементов в окне множественного выбора намного длиннее других, есть ли способ взломать его, чтобы уменьшить его ширину

<select size="1">
<option>item</option>
<option>item</option>
<option>item is really long</option>
<option>item</option>
</select>

Answer 1

Вы можете сделать это с помощью CSS, либо встроенного стиля, либо с помощью класса.

В стиле in-line:

<select style="width: 50px;">
 <option>item</option>
 <option>item</option>
 <option>item is really long</option>
 <option>item</option>
</select>

Использование класса:

<select class="narrow">
 <option>item</option>
 <option>item</option>
 <option>item is really long</option>
 <option>item</option>
</select>

И в вашем файле CSS или во встроенной таблице стилей:

.narrow {
 width: 50px;
}

Конечно, измените 50px на любую необходимую вам ширину.

Answer 2

Вы можете установить ширину, используя CSS. Если вы добавите класс в тег select, например, 'foo', вы можете добавить css:

select.foo {
   width: 200px;
}

Если вы хотите использовать встроенный стиль (не рекомендуется):

<select style="width: 200px";>
  <option>...
</select>

Answer 3

Попробуйте, работает в FireFox, но не в IE:

<STYLE type="text/css">
  OPTION.shorter{ font-size:8px;}
</STYLE>

<select size="1">
<option>item</option>
<option>item</option>
<option class="shorter">item is really long</option>
<option>item</option>
</select>