HTML下拉框添加水平滚动条

时间:2011-07-04 09:49:32

标签: html drop-down-menu

您好,在HTML中有没有办法将水平滚动条添加到下拉框?在Firefox中,盒子动态扩展,但IE没有,我试过谷歌但没有成功!谢谢。

<div class="filterform-row"> 
  <t:label for="networkGroup" /> 
  <t:select t:id="networkGroup" encoder="networkGroupEncoder" model="networkGroupsModel" blankOption="ALWAYS" class="expand"/> 
</div>

 div.filterform-row select { 
   background: transparent url(images/img13.gif) repeat-x scroll 0 0; 
   border: 1px solid silver; 
   color: #626262; 
   font-size: 11px; 
   margin: 5px; 
   width: 100px; 
   overflow-y: auto; 
   overflow-x: auto; 
   display:block; 
} 

1 个答案:

答案 0 :(得分:0)

您可能以某种方式将select元素的宽度设置为CSS中某个固定大小。

尝试将此style属性添加到您的下拉列表中:

<select ... style="width: auto;" />

这会将元素的width属性重置为默认值(auto);然后它应该呈现与所有浏览器中所需的一样宽。