1
私は次の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>