다음 html을 사용하여 선택 상자를 표시합니다. 고정 너비로 선택 상자를 표시하고 옵션이 더 길면 스크롤 막대를보고 싶습니다. 다음은 크롬과 파이어 폭스에서 작동하지만 사파리에서는 작동하지 않습니다.가로 스크롤 막대가 사파리에서 작동하지 않습니다.
아이디어가 있으십니까?
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
select.dualList {
width:100%;
height:300px;
overflow-x: auto;
}
</style>
</head>
<body>
<table>
<tr >
<td style="width:100px">
<select multiple="multiple" class="dualList" id="sourceList" >
<option value="item11">Item 1 This is my item 1. It should scroll</option>
<option value="item22">Item 2fsdsfsdf asdf asfsdas</option>
<option value="item33">Item 3</option>
<option value="item44">Item 4</option>
<option value="item55">Item 5</option>
</select>
</td>
</tr>
</table>
</body>
</html>