下拉框箭头隐藏

html:

<div class="box1">    <div class="box2">        <select name="" id="">            <option value="">成都</option>        </select>    </div>    <a href="#"><img src="img/123213.png" /></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;}