Вертикальная прокрутка в Select html

Question

Вертикальная прокрутка в Select html

0

Можете ли вы иметь вертикальную прокрутку в выбранном html ,,

Но сохраняя size = "1". Поэтому, когда вы нажимаете на раскрывающийся список, он отображает только около 5 параметров, а остальные просматриваются при прокрутке.

У меня есть fiddel здесь

form name="#">

 <div class="select-style2"> 

     <select  size="1" autocomplete="off">

<option hidden value="#">title</option>
<option value="#">2</option>
<option value="#">3 </option>
<option value="#">4 </option>
<option value="#">5 </option>
<option value="#">6 </option>
<option value="#">7 </option>
<option value="#">8 </option>
<option value="#">9 </option>
<option value="#">10 </option>




</select>
</div>
<input type="button" name="test" value="Go"
onClick="go()" id="btn">

BEN ANDERSEN 09 июнь 2014, в 10:06

Источник

0

Это не имеет смысла, зачем вам это делать
Ali Gajani 09 июнь 2014, в 07:43
0

Конечно, это имеет смысл, если у вас есть гигантский список
Andrew 09 июнь 2014, в 07:45
0

Мне бы очень понравился пример, где это произойдет, но я могу понять :)
Ali Gajani 09 июнь 2014, в 07:48
0

У меня есть свои причины, одна из которых дизайн !!, а две в списке около 20.
BEN ANDERSEN 09 июнь 2014, в 09:38

Показать ещё 2 комментария

Теги:

html

css

2 ответа

Ещё вопросы

Это не имеет смысла, зачем вам это делать
Конечно, это имеет смысл, если у вас есть гигантский список
Мне бы очень понравился пример, где это произойдет, но я могу понять :)
У меня есть свои причины, одна из которых дизайн !!, а две в списке около 20.

Andrew · Answer 1 · 2014-06-09T05-29-00.000Z

Как отмечалось в предыдущем ответе, для select выпадающих списков нет хороших вариантов стилизации.

Однако хорошей новостью является ответ на ваш вопрос "Можете ли вы иметь вертикальную прокрутку в избранном html" - это да. Он там по умолчанию, когда у вас достаточно опций в списке. Но изменить это число невозможно с помощью css.

Смотрите демонстрацию здесь: http://jsfiddle.net/VxNV9/1/

Но вы можете создать пользовательский снимок в jquery/javascript и создать его, как хотите.

Suresh Ponnukalai · Answer 2 · 2014-06-09T06-47-00.000Z

Это невозможно сделать в HTML. В SO они уже обсуждали это. Проверьте это здесь.

Возможно, есть другие способы достижения этого через javascript или jQuery, со ссылками на этой странице на некоторые плагины jQuery, которые создают "фальшивый" html-флажок, который выглядит и ведет себя как один, но может иметь установленную высоту.