自定义下拉框样式

自定义下拉框样式，首先使用appearance: none;将下拉箭头取消，再给下拉框添加一个下拉箭头的自定义背景图片

css

select {
    width: auto;
    height: 40px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(img/select.png) no-repeat right;
    padding-left: 5px;
    padding-right: 36px;
}

html

<select name="">
    <option value="">AAAA1</option>
    <option value="">AAAA2</option>
    <option value="">AAAA3AAAA3</option>
</select>