水平滚动条无法处理选择标记

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;
}

马特的解决方案导致:

FF的最终结果

感谢Matt,IE的最终结果!

Answer 1

不确定你是否可以做到这一点，但你总是可以通过在选择周围放置一个 div 并在其上设置宽度和水平滚动来欺骗它看起来像这样。取自这里。