HTML DataList 태그에 세로 스크롤을 추가하는 방법

Question

데이터 목록에 많은 옵션이 있습니다. 목록이 너무 길어 세로 스크롤을하고 싶습니다. 여기

<input list="browsers" name="browser"> 
    <datalist id="browsers"> 
    <option value="Internet Explorer"> 
    <option value="Firefox"> 
    <option value="Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
<option value="Internet Explorer"> 
    <option value="Firefox"> 
    <option value="Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
<option value="Internet Explorer"> 
    <option value="Firefox"> 
    <option value="Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
    </datalist> 

FIDDLE

Answer 1

불행하게도, 거기의 데모 문제가 많은 당신은 DataList에 속성으로 할 수 있습니다. 데이터리스트는 현재 CSS 스타일을 지원하지 않으며 특정 시각적 특성은 브라우저에 따라 다릅니다. 일부 브라우저는 긴 목록에 스크롤 막대를 추가하도록 선택할 수 있습니다. 허용되지 않는 경우 데이터 목록을 잊어 버리고 드롭 다운 목록을 구현하고 필요에 따라 목록 크기를 설정해야 할 수 있습니다.