Question

我正在使用twitter bootstrap下拉列表，但我无法使水平滚动工作。我试过了

overflow-x:scroll;

和

overflow-x:visible;

CSS

.md-size-list{
width:70px;
padding:0px;
overflow-x:scroll;
}

HTML：

<select multiple="multiple" class="form-control 
        md-size-list" id="component" size="6">
  <option>Name</option>
  <option>Name1200</option>
  <option>Name1200</option>
  <option>Name1200</option>
  <option>Name1200</option>
  <option>Name1200</option>
  <option>Name1200</option>
</select>

以下是example

Answer 1

诀窍是将您的下拉包裹在div标记周围并将CSS应用于它：

<div class="md-size-list">
    <select multiple="multiple" "form-control" id="component" size="6">
      <option>Name</option>
      <option>Name1200</option>
      <option>Name1200</option>
      <option>Name1200</option>
      <option>Name1200</option>
      <option>Name1200</option>
      <option>Name1200</option>
    </select>
</div>

DEMO

twitter引导下拉水平滚动

1 个答案: