去下拉框边框

<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">
            <option value="出库" selected>出库</option>
            <option value="入库">入库</option>
            <option value="调入">调入</option>
            <option value="调出">调出</option>
          </select>
        </span></span>