Défilement horizontal en sélection HTML?

Question

J'ai besoin de ma sélection dans IE 10/11 pour montrer le défilement horizontal dans le cas où il a un long article intitulé et vertical s'il a plus d'éléments que d'habitude.

J'ai essayé div avec overflow-x:auto; mais le défilement vertical sur sélection se cache sous cette div et nécessite un défilement horizontal.

Rechercher le code de référence de fonctionnement here.

HTML est:

<div style="width:140px; overflow-x:auto;"> 
    <select name="selectbox" size="5" id="selectbox" > 
     <option>one two three four five six seven eight</option> 
     <option>seven eight</option> 
     <option>nine ten</option> 
     <option>one two three four five six</option> 
     <option>seven eight</option> 
     <option>nine ten</option> 
     <option>one two three four five six seven eight nine ten</option> 
     <option>seven eight</option> 
     <option>nine ten</option> 
     <option>one two three four five six</option> 
     <option>seven eight</option> 
     <option>nine ten</option> 
    </select> 
</div> 

Answer 1

Un poste similaire qui est d'environ styliser un élément de sélection est ici:

Hide vertical scrollbar in <select> element

Il semble être vraiment difficile de styliser un élément de sélection, parce qu'il est interprété par chaque navigateur. Comme vous pouvez le voir sur this fiddle, même si c'est proche de votre demande, ce n'est pas vraiment propre.

.bloc { 
    width: 140px; 
    border: 1px solid grey; 
    display: inline-block; 
    overflow: auto; 
} 

#selectbox { 
    height: 100%; 
    padding: 10px; 
    margin:-5px -20px -5px -5px; 
} 

Donc, vous ne pouvez pas personnaliser votre sélection de cette façon :(