自定义下拉框样式

自定义下拉框样式，首先使用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>