为什么在Firefox中没有用于选择的水平滚动条

Question

为什么在FireFox中没有用于此类选择的水平滚动条？

<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>

它可以在Chrome浏览器中正常运行http://jsfiddle.net/r4gnLymr/

Answer 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> 

这是从“ 选择”框html水平滚动并显示水平滚动条。