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

前端之家收集整理的这篇文章主要介绍了具有固定宽度和滚动条的HTML选择元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这可能是一个基本的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>

我已经尝试过overflow属性,但是我要么使用它不正确,要么它对select元素不起作用.

如何获得水平滚动条?

解决方法

众所周知,表格元素难以定型.

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

<select style="width: 400px">

否则,我认为使用普通的select元素无法实现水平滚动条.您将不得不求助于基于JavaScript的替代方案,如SexyCombo,可以自定义以具有滚动条.更多选择:11 jQuery Plugins to Enhance HTML Dropdowns

猜你在找的HTML相关文章