2

Как убрать у select полосу прокрутки, чтобы можно было прокручивать только полосу прокрутки не видно было, как это реализовать?

2
  • Расставьте точки, запятые. Ваш вопрос "по реке плывет кирпич деревянный как стекло"
    – mountpoint
    20 сен 2013 в 12:57
  • "Как убрать у select полосу прокрутки, чтобы можно было прокручивать только полосу прокрутки" БРАВО!!
    – Invision
    26 ноя 2015 в 5:17

2 ответа 2

1

Селекты, радиобаттоны и input type=file не поддаются стилизации через CSS. Поэтому единственный выход это использовать элемент-заменитель, а сам select скрывать и синхронизировать их друг с другом.

1
  • есть селект, много option, у селекта задана высота max-height: 100px; после того, как мы задали высоту, появляется полоса прокрутки, как скрыть полосу прокрутки, и чтобы можно было прокручивать без нее?
    – amf1k
    20 сен 2013 в 13:44
-2

.bloc {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  border: solid grey 1px;
}
.bloc select {
  padding: 10px;
  margin: -5px -20px -5px -5px;
}
<div class="bloc">
  <select name="year" size="3">
    <option value="2010">2010</option>
    <option value="2011">2011</option>
    <option value="2012" SELECTED>2012</option>
    <option value="2013">2013</option>
    <option value="2014">2014</option>
  </select>
</div>

http://jsfiddle.net/N8Brx/1

6
  • 1
    [WTF?][1] не проще было на стак ссылку скинуть? [1]: stackoverflow.com/questions/4531269/…
    – Palmervan
    20 сен 2013 в 13:20
  • это не то, прокрутки нету!
    – amf1k
    20 сен 2013 в 13:38
  • есть селект, много option, у селекта задана высота max-height: 100px; после того, как мы задали высоту, появляется полоса прокрутки, как скрыть полосу прокрутки, и чтобы можно было прокручивать без нее?
    – amf1k
    20 сен 2013 в 13:44
  • @amf1k нет прокрутки потому что size="5" и options тоже 5. Если size сделать 3 или добавить несколько пунктов то прокрутка будет.
    – Palmervan
    20 сен 2013 в 14:04
  • а как это все реализовать на js, без блока <div class="bloc"></div>
    – amf1k
    20 сен 2013 в 14:09

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.