Why there is no horizontal scrollbar for select in firefox

问题

Why there is no horizontal scrollbar in FireFox for such select?

<select style="width: 100px; overflow:auto;" size="10">
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
    <option>some long text to make it scroll</option>
</select>

It works in Chrome just perfect http://jsfiddle.net/r4gnLymr/

回答1:

div{   
 overflow-x:auto;
 overflow-y:auto;   
 }

<div style="width:140px;">
    <select name="selectbox" size="5"  id="selectbox" >
        <option value="1">one two three four five six seven eight</option>
        <option value="2">seven eight</option>
        <option value="3">nine ten</option>
        <option value="1">one two three four five six</option>
        <option value="2">seven eight</option>
        <option value="3">nine ten</option>
        <option value="1">one two three four five six</option>
        <option value="2">seven eight</option>
        <option value="3">nine ten</option>
        <option value="1">one two three four five six</option>
        <option value="2">seven eight</option>
        <option value="3">nine ten</option>
    </select>
</div>

This one is from Select box html horizontal scroll and show the horizontal scrollbar.

来源：https://stackoverflow.com/questions/28579095/why-there-is-no-horizontal-scrollbar-for-select-in-firefox

标签

html

css

firefox

drop-down-menu

scrollbar