如何在多重选择上添加水平滚动

Question

我有一个固定宽度的多选框（我们不能更改其宽度），当我在其中一个选项中增加文本时，文本会被截断。

这是小提琴- jsfiddle.net/3aK82/

我知道添加没有空格的单词是愚蠢的事情，但是我的质量检查人员分配了此错误。

Answer 1

<div id="container">
<select multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saaaaaaaaaaaaaaaaaaaaaaaaaab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select> 
</div>

#container{ 
    width:100px;
    overflow-x: scroll
}

http://jsfiddle.net/523tb/