具有固定宽度和滚动条的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>

我已尝试过overflow属性，但我要么使用不正确，要么对select元素不起作用。

如何获得水平滚动条？

Answer 1

众所周知，表格元素难以定型。

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

<select style="width: 400px">

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

Answer 2

1. 应为<select style="width: 400px;">（不是“width=”）
2. 常规HTML-select没有滚动条，无论你做什么：）

Answer 3

您使用的是内联css语法 你应该使用style =＆＃34; width：400px;＆＃34;

和 如果你使用多个选择，你只需使用

<select multiple style="width: 400px;">