select选择框自定义样式

1.效果图

2.html

 <div class="form-group">
      <label class="search-base-label">调换部门：</label>
      <select class="search-select"></select>
</div>

3.css

.search-select{
    min-width: 110px;
    height: 30px;
    outline: none;//去掉虚线框
    padding-left: 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: url("../img/01_03.png") no-repeat scroll right center;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; //去掉默认的样式
}