HTML select multiple: показать все элементы

Question

Как я могу сделать окно списка достаточно высоким, чтобы соответствовать всем параметрам (желательно скрывать полосу прокрутки)?

Это как размер установки равна длине, но что это простой способ сделать это, если длина динамическая?

Answer 1

Таким образом, вы не можете скрыть полосу прокрутки только с тегами выбора. Вам нужно добавить DIV, чтобы покрыть его

HTML:

<div class="opt"> 
    <select multiple='multiple'size=11> 
    <option selected>Select</option> 
    <option>This is an option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    <option>This is another Option</option> 
    </select> 
</div> 

CSS:

.opt { 
    display:inline-block; 
    vertical-align:top; 
    overflow:hidden; 
    border:solid grey 1px; 
} 
.opt select { 
    padding:10px; 
    margin:-5px -20px -5px -5px; 
} 

https://jsfiddle.net/KingPyrox/eoLdr4pc/