下拉框箭头隐藏

 

html:

<div class="box1">
    <div class="box2">
        <select name="" id="">
            <option value="">成都</option>
        </select>
    </div>
    <a href="#"><img src="img/123213.png" alt=""/></a>
</div>
css：

.box1{
    width: 1.5rem;
    height: .4rem;
    float: left;
    margin: .54rem 0 0 .47rem;
}
.box1 img{
    width: .4rem;
    height: .4rem;
    float: left;
}
.box2{
    width: .9rem;
    height: 100%;
    float: left;
    overflow: hidden;
}
.box2 select{
    width: 1.2rem;
    height: 100%;
    float: left;
    font-size: .4rem;
    border: none;
}