如何改变Select的下拉列表的高度？(不用ZOOM)，在线结贴！

加大字体行不？
<select size="1" name="D1" style="font-size: 36pt;">
    <option>asdfsdafsdafsdaf</option>
  </select>

解决方案 »

  1.   

    <select size=4>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
    </select>
      

  2.   

    不知道这么弄行不：<select name="a" style="height:100">****</select>
      

  3.   

    <HTML>
    <HEAD>
    <style>
    .a
    {
    BORDER-RIGHT: lightblue 1px solid;
    BORDER-TOP: lightblue 1px solid;
    LEFT: 280px; 
    BORDER-LEFT: lightblue 1px solid;
    WIDTH: 100px; 
    BORDER-BOTTOM: lightblue 1px solid;
    POSITION:  absolute; 
    TOP:  37px; 
    HEIGHT: 24px;
    }
    .b
    {
    FONT-SIZE: 9px;
    BORDER-LEFT-COLOR:lightblue;
    LEFT: 358px; 
    BORDER-BOTTOM-COLOR: 
    lightblue; 
    WIDTH: 20px; 
    COLOR: mediumblue; 
    BORDER-TOP-STYLE: solid; 
    BORDER-TOP-COLOR: lightblue; 
    BORDER-RIGHT-STYLE: solid; 
    BORDER-LEFT-STYLE: solid; 
    POSITION: absolute; 
    TOP: 39px;
    HEIGHT: 20px; 
    BACKGROUND-COLOR: white; 
    BORDER-RIGHT-COLOR: lightblue;
    BORDER-BOTTOM-STYLE: solid; 
    FILTER: progid:DXImageTransform.Microsoft.Matrix(SizingMethod ='auto expand',FilterType=bilinear,Dx=0,Dy=0,M11=-1,M12=0,M21=0,M22=-1);
    }
    .c
    { LEFT: 280px; 
    WIDTH: 100px; 
    POSITION:  absolute; 
    TOP:  60px; 
    HEIGHT: 24px;
    display:none;
    cursor:pointer;
    }
    </style>
    </HEAD>
    <BODY>
    <INPUT id=select2  class="a">
    <INPUT type=button value="▲" class="b" onclick="ddd(this);" title=""> 
    <TABLE border="1" CELLPADDING=0 CELLSPACING=0 bordercolor="lightblue" class="c"  onclick="aaa(this);">
      <TR>
        <TD bordercolor="#FFFFFF"  onmouseover="bbb(this);"  onmouseout="ccc(this);" title="1">
    <img src="http://expert.csdn.net/expert/images/rank/star1.gif">1星
        </TD>
    </TR>
    <TR>

        <TD bordercolor="#FFFFFF"  onmouseover="bbb(this);"  onmouseout="ccc(this);" title="2">
    <img src="http://expert.csdn.net/expert/images/rank/star2.gif">2星
    </TD>
    </TR>
    <TR>

        <TD bordercolor="#FFFFFF" onmouseover="bbb(this);"  onmouseout="ccc(this);" title="3">
    <img src="http://expert.csdn.net/expert/images/rank/star3.gif">3星
        </TD>
    </TR>
    </TABLE><SCRIPT >
      function aaa(obj)
    {
    previousSibling(previousSibling(obj)).value= window.event.srcElement.innerText;
    previousSibling(previousSibling(obj)).title= window.event.srcElement.title;
    eee(obj);
    }
    function bbb(obj)
    { 
    obj.borderColor="#FF0000";
    }
    function ccc(obj)
    {
    obj.borderColor="#ffffff";
    }
    function ddd(obj)
    {
    nextSibling(obj).style.display="block";
    }
    function eee(obj)
    {
    obj.style.display="none";
    }
    function nextSibling(obj)
    {
    for(i=1;i<obj.document.all.length;i++)
    {
    if(obj==obj.document.all(i))
    {
    return(obj.document.all(i+1))
    }
    }
    }
    function previousSibling(obj)
    {
    for(i=1;i<obj.document.all.length;i++)
    {
    if(obj==obj.document.all(i))
    {
    return(obj.document.all(i-1))
    }
    }
    }
    </SCRIPT>
    </BODY></HTML>
      

  4.   

    目的：我想让下拉表的长度缩短！最好，只显示6~8行1.不要改变字号！因为就要10pt的字2.不模拟行么？因为一个页面上有好几个下拉框，所以最好就能用CSS来解决这个问题！难道CSS解决不了？
      

  5.   

    css解决不了，对于select，css好多都无能为力，比如说平面化
      

  6.   

    再次感谢LxcJie(肖冲) 的帮助