항상이 옵션을 <select>

Question

다음 코드는 목록 상자를 생산하는 수직 스크롤 막대를 보여

<select size="10"> 
<option>1</option> 
<option>2</option> 
</select> 

항상이 목록 상자의 세로 스크롤 막대를 표시 할 수 있습니까? 스타일 = "overflow-y : scroll;"때문에이 질문을하고 있습니다. IE7에서는 작동하지 않습니다.

Answer 1

IE7에서 작동합니다. 하지만 여기서 보다 작은 숫자 size을 수정하고 overflow-y:scroll을 사용하지 않아야합니다. 귀하의 예에서는 2 option이지만 size=10으로 설정하면 작동하지 않습니다.

선택에 10 option이 있고 size=9으로 고정되어 있다고 가정합니다.

코드 참조에서 height:100px과 size:2을 사용했습니다. height css를 제거합니다. 필요하지 않으므로 size:5을 변경하면 올바르게 작동합니다. 여기

이 jsfiddle에서 수정 된 코드 :

이

<select size="5" style="width:100px;"> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
<option>4</option> 
<option>5</option> 
<option>6</option> 
</select> 

이 선택 상자는 스크롤 막대를 표시하지 않습니다 작은 size의 size:2 create.In의 경우보다 더 큰 선택 상자를 생성합니다, 당신은 적절한 확인해야 size 수량입니다. 스크롤바의 상단 및 하단 아이콘을 클릭하면 작동하지 않을 것입니다. size:2 및 (예 : 3,5)보다 큰 바이올린을 모두 표시합니다.

원하는 결과가 있습니다. 내가 당신을 도울 것이라고 생각 :

CSS

.wrapper{ 
    border: 1px dashed red; 
    height: 150px; 
    overflow-x: hidden; 
    overflow-y: scroll; 
    width: 150px; 
} 
.wrapper .selection{ 
    width:150px; 
    border:1px solid #ccc 
} 

HTML 난 당신이 캔트 생각

<div class="wrapper"> 
<select size="15" class="selection"> 
    <option>Item 1</option> 
    <option>Item 2</option> 
    <option>Item 3</option> 
</select> 
</div> 

Answer 2

추가 :

overflow-y: scroll 

당신의 CSS를 꽃 봉오리한다.

Answer 3

, IE 브라우저에 포함이 어쩌면 제한 여부. IE6-8을 사용하여 jsfiddle을 시도했으며 스크롤바를 표시하지 않고 IE9를 사용하지 않습니다. FF와 크롬에서는 스크롤바가 표시됩니다. 나는 가능하면 IE에서 어떻게하는지보고 싶다.

정말로 스크롤바를 보여주고 싶다면 가짜 스크롤바를 추가 할 수 있습니다. RIA에서 사용하는 js 라이브러리에 익숙하다면 jquery/dojo 에서처럼 선택 항목 중 일부는 편집 가능합니다. 이는 텍스트 상자 + 선택 항목의 조합이거나 텍스트 상자 + div 일 수도 있기 때문입니다.

예를 들어, here을 보면 편집 가능한 것과 같은 것을 선택할 수 있습니다.