Как исправить размер поля со списком <html: select> (содержимое может быть больше, но размер со списком должен быть фиксированным)

Question

Как исправить размер поля со списком (содержимое может быть больше, но размер со списком должен быть фиксированным). Теперь мой размер со списком изменяется в зависимости от элементов в списке.

Я пытаюсь получить что-то похожее на страницу безопасности страницы регистрации Yahoo. https://edit.yahoo.com/registration?.src=fpctx&.intl=in&.done=http://in.yahoo.com/

мой код: Текст, который определяет размер комбо

Answer 1

<select style="width: 100px">
  <option>Veeeeeeeeeeeeeeeery lllllllllllllloooong option</option>
</select>

или даже лучше

<style>
.fixed-size  {
  width: 100px;
}
</style>

<select class="fixed-size">
  <option>Veeeeeeeeeeeeeeeery lllllllllllllloooong option</option>
</select>

Answer 2

Установите стиль CSS на «width: 100px» или любую ширину, которую вы хотите, чтобы поле со списком было.