隐藏select边框及下拉箭头方法

来源：互联网发布：淘宝买东西保修咋办编辑：程序博客网时间：2024/06/06 13:14

CSS样式：

    .width5    {        width: 50px;    }      .width6    {        width: 60px;    }      .width7    {        width: 70px;    }      .width8    {        width: 80px;    }      .width9    {        width: 90px;    }      /*套在Select外层，用于隐藏Select框*/.DivSelect{    float:left;    position: relative;    background-color: transparent;    height: 17px;    overflow: hidden; /*隐藏了小三角，宽度为比select宽度少20px*/    border-width:0px;    border-top-style: none;     border-right-style: none;     border-left-style: none;     border-bottom-style: none;}/*设置Select样式*/.SelectList{    position: relative;    background-color: transparent;    TOP:   -2px;    left:-2px;    border-width: 0px;    border-top-style: none;     border-right-style: none;     border-left-style: none;     border-bottom-style: none;    display:block;    height: 20px;    overflow:hidden;}

前台代码：

                        <div class="DivSelect width5">                            <select  class="SelectList width7">                                <option>双铜纸</option>                                <option>双胶纸</option>                            </select>                        </div>

1 0