HTML-элемент select с фиксированной шириной и полосами прокрутки

Question

Это, вероятно, основной вопрос CSS, но я не владею CSS и просто, кажется, иду по кругу.

Вот что у меня есть на английском: у меня элемент select с фиксированной шириной 400px. Текст для каждого из параметров не помещается в ширину 400 пикселей. У меня нет горизонтальной полосы прокрутки, она просто обрезает текст. Как мне получить полосу прокрутки?

Вот что у меня есть в HTML / CSS:

<div>
  <select style="width=400px">
    <option>this text is too wide to fit and gets cut off.....</option>
    ...
  </select>
</div>

Я пробовал свойство overflow, но я либо использую его неправильно, либо оно не работает с элементом select.

Как получить горизонтальную полосу прокрутки?

Answer 1

Элементы формы, как известно, сложно оформить.

Для настройки ширины у вас есть небольшая опечатка. Вам нужно

<select style="width: 400px">

В противном случае, я думаю, что горизонтальные полосы прокрутки не могут быть достигнуты с использованием обычного элемента select. Вам придется прибегнуть к альтернативе на основе JavaScript, например SexyCombo , которая может быть настроена на использование полосы прокрутки. Дополнительные параметры: 11 jQuery-плагинов для улучшения раскрывающихся списков HTML

Answer 2

1. должно быть <select style="width: 400px;"> (не "width=")
2. обычный HTML-выбор не имеет полосы прокрутки, независимо от того, что вы делаете:)

Answer 3

вы используете встроенный синтаксис CSS Вы должны использовать style = "width: 400px;"

И если вы используете множественный выбор, вы просто используете

<select multiple style="width: 400px;">