如何把列表框用样式表控制，显示为平面，去掉边框的阴影。

<input type=text style='border:1 solid #000000;'>

解决方案 »

  1.   

    select控件好像無法做到這一點希望有高手能做到
      

  2.   

    写得比较匆忙，要去看德国的正名之战了，代码可能有点乱，不好意思
    <script>
    str="";
    mywidth=0;
    function showdiv(w)
    {
    document.all.mysel.style.display="none";
    str="<input type=text style='width:"+w+";border:1 solid #000000;' readOnly onclick=showlist() value="+document.all.mysel.options[document.all.mysel.selectedIndex].text+">";
    liststr="<table style='border:1 solid #000000;' width="+w+" cellspacing=0 celpadding=0>";
    for(i=0;i<document.all.mysel.options.length;i++)
    liststr+="<tr><td style='font-size:10pt' onmouseover=myover() onmouseout=myout() onclick=myclick("+i+")>"+document.all.mysel.options[i].text+"&nbsp;&nbsp;&nbsp;</td></tr>";
    liststr+="</table>";
    likesel.innerHTML=str;
    mywidth=w;
    }
    function showlist()
    {
    likesel.innerHTML+=liststr;
    }
    function myover()
    {
    event.srcElement.style.cursor="default";
    event.srcElement.style.color="white";
    event.srcElement.style.background="darkblue";
    }
    function myout()
    {
    event.srcElement.style.color="";
    event.srcElement.style.background="";
    }
    function myclick(j)
    {
    document.all.mysel.selectedIndex=j;
    str="<input type=text style='width:"+mywidth+";border:1 solid #000000;' readOnly onclick=showlist() value="+document.all.mysel.options[document.all.mysel.selectedIndex].text+">";
    likesel.innerHTML=str;
    }
    </script>
    <body onload="showdiv(mysel.offsetWidth)">
    <select name=mysel>
    <option value=11 selected>1111111
    <option value=12>111112
    <option value=13>1111111113
    </select>
    <div id=likesel><div>
      

  3.   

    自己做一个模仿。
    http://lucky.myrice.com/temp/select.htm
    http://lucky.myrice.com/temp/combobox.htm