如何在HTML上顯示垂直條紋選擇

-1

我有一個ASP.NET面板，裏面有列表框。面板寬度是固定的。問題是由於寬度很小，垂直條並不隱藏。看看這個例子。 http://jsfiddle.net/UnkEG/17/如何在HTML上顯示垂直條紋選擇

是否有辦法讓水平條和垂直條始終可見？請告訴我。

div{ 
    overflow-y:hidden; 
} 

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

來源

2014-01-29 user1385570

CSS：'.selectbox {溢出：可見; }'將使兩個滾動條可見 – Catalin

請看看我更新的答案。 – MonkeyZeus

使用overflow: visible，

或分別表示x設置和y

overflow-x: visible 
overflow-y: visible

注：overflow屬性不能正常在IE8和更早。

來源

2014-01-29 16:48:16

是否這樣？

CSS

div{ 
    width: 150px; 
    height:100px; 
    overflow:scroll; 
}

HTML

<div> 
    <select size="9"> 
     <option>Option 1 Option 1 Option 1</option> 
     <option>Option 2 Option 2 Option 2</option> 
     <option>Option 3 Option 3 Option 3</option> 
     <option>Option 4 Option 4 Option 4</option> 
     <option>Option 5 Option 5 Option 5</option> 
     <option>Option 6 Option 6 Option 6</option> 
     <option>Option 7 Option 7 Option 7</option> 
     <option>Option 8 Option 8 Option 8</option> 
     <option>Option 9 Option 9 Option 9</option> 
    </select> 
</div>

JSFIDDLE DEMO

來源

2014-01-29 16:51:55 MonkeyZeus

如何在HTML上顯示垂直條紋選擇

回答

相關問題