具有固定宽度和滚动条的HTML选择元素

Question

这可能是一个基本的CSS问题,但我不熟悉CSS,似乎只是在圈子里.

这是我的英文版本:我有一个400px的固定宽度选择元素.每个选项的文本不适合400px宽度.我没有得到水平滚动条,它只是切断文本.如何获得滚动条？

这是我在HTML/CSS中的内容:

<div>
  <select style="width=400px">
    <option>this text is too wide to fit and gets cut off.....</option>
    ...
  </select>
</div>

我已经尝试了溢出属性,但我要么错误地使用它,要么它对select元素不起作用.

如何获得水平滚动条？

Answer 1

众所周知,表单元素很难设计.

对于您的宽度设置,您有一个小错字.你需要

<select style="width: 400px">

否则,我认为使用普通select元素无法实现水平滚动条.您必须使用像SexyCombo这样的基于JavaScript的替代方案,它可以自定义以具有滚动条.这里有更多选项:11个jQuery插件来增强HTML下拉菜单