水平滚动条不工作选择标签 [英] Horizontal scrollbar not working on select tag

问题描述

这是代码：

 < select style =height：250px; width：300px; overflow：auto; 
 id =dnn_ctr459_ManageRelatedProducts_lstFrommultiple =multiple
 name =dnn $ ctr459 $ ManageRelatedProducts $ lstFromclass =selectListsize =4> 
< option value =9> 33 Uithoeke< / option> 
< option value =10> Aantekeninge by Koos Prinsloo< / option> 
< option value =11> Aantekeninge by Koos Prinsloo（增强型电子书）< / option> 
< option value =12>访问社会保障< / option> 
< option value =13> Angling for Interpretation< / option> 
< / select> 
 
 .selectList 
 {
 height：250px; 
 overflow：auto; 
 width：300px; 
} 
  

Matt的解决方案是：

最终结果为FF

感谢Matt的最终结果

解决方案

不确定你可以这样做，但你总是可以通过在选择周围放置一个div，并设置宽度和水平滚动，使它看起来像这样。 从这里摘取。

I am trying to set the horizontal scrollbars on a select tag which is not working.

Here's the code:

  <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's solution results in this:

Final result in FF

Final result in IE, thanks to Matt!

解决方案

Not sure if you can do that, but you can always trick it into looking like that by placing a div around the select, and setting the width and horizontal scroll on that. Taken from here.

这篇关于水平滚动条不工作选择标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！