急求将select表单对象变成看起来像普通文本(没边框,不可输入,看不到下拉的那个箭头)的javascript代码或css，在线等

<body bgcolor=red>
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br><br>
<input type=checkbox style="position: absolute; clip:rect(6px 14px 14px 6px)"><br><br>类推

解决方案 »

  1.   

    <style type="text/css">
    <!--
    .box1
    {
    border: 1px solid #ffffff;
    width: 80px;
    height: 18px;
    clip: rect( 0px, 80px, 18px, 0px );
    overflow: hidden;
    }
    .box2
    {
    border: 1px solid #ffffff;
    width: 100px;
    height: 18px;
    clip: rect( 0px, 100px, 18px, 0px );
    overflow: hidden;
    }
    .select1
    {
        position: relative;
        left: -2px;
        top: -2px;
        width: 100px;
        line-height: 20px;
        color: #333333;
        border-style: none;
        border-width: 0px;
        font-size: 12px;
    }-->
    </style>
    <span class="box1"><span class="box2">
    <select name=inout class="select1" ID=Select1>
    <option value="出库" selected>出库</option>
    <option value="入库">入库</option>
    <option value="调入">调入</option>
    <option value="调出">调出</option>
    </select>
    </span></span>
      

  2.   

    不明白楼主这样的需求为什么不直接写文本，而不用下拉
    下面是一个下拉调整之后的例子
    <div style="position:absolute;clip:rect(5px,35px,17px,5px);">
    <select name=select1 disabled>
    <option>aaaa</option>
    </select>
    </div>
      

  3.   

    还差点效果，点击的时候还是会出现下拉列表呀，我不想出现下拉列表，又不想disabled它（字体颜色会变灰）有没有办法？
      

  4.   

    回天外水火：因为大量VIEW页面要做，不想再多做一个页面直接用MIDIFY界面，统一偷懒:)