为什么 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/ http://jsfiddle.net/r4gnLymr/
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水平滚动 https://stackoverflow.com/questions/17250724/select-box-html-horizontal-scroll并显示水平滚动条。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)