Как сделать горизонтальную полосу прокрутки в поле выбора в HTML

Question

Я хочу сделать эту полосу прокрутки.Я добавил overflow-y, завернутый в div, overflow: auto, установил размер, но не работал.Кто-нибудь может мне помочь, пожалуйста?

Answer 1

Горизонтальные полосы прокрутки не поддерживаются в HTML Select.Однако, вот способ обойти это:

HTML:

<div class="scroll">
<select size="6" multiple="multiple">
    <option value="1" selected>option 1</option>
    <option value="2">option 2</option>
    <option value="3">option 3</option>
    <option value="4">option 4</option>
    <option value="5">option 5</option>
    <option value="6">option 6</option>
</select>
</div>

CSS:

<style type="text/css">
 .scroll{
   overflow: auto;
   width: 60px;
   height: 70px;
   border: 1px silver solid;
 }
 .scroll select{
   border: none;
 }
</style>