html - 水平滚动条不适用于选择标签

Question

我正在尝试在不起作用的选择标签上设置水平滚动条。

代码如下:

  <select style="height: 250px; width: 300px; overflow: auto;" 
  id="dnn_ctr459_ManageRelatedProducts_lstFrom" multiple="multiple"   
  name="dnn$ctr459$ManageRelatedProducts$lstFrom" class="selectList" size="4">
     <option value="9">33 Uithoeke</option>
     <option value="10">Aantekeninge by Koos Prinsloo</option>
     <option value="11">Aantekeninge by Koos Prinsloo (enhanced e-book)</option>
     <option value="12">Access to Social Security</option>
     <option value="13">Angling for Interpretation</option>
  </select>

.selectList 
{
   height: 250px;
   overflow: auto;
   width: 300px;
}

Matt 的解决方案结果如下:

FF 中的最终结果

IE 中的最终结果，感谢 Matt!

Answer 1

不确定您是否可以这样做，但您始终可以通过在选择周围放置一个 div 并在其上设置宽度和水平滚动来欺骗它看起来像那样。 Taken from here .