这段代码是网上大部分的解决办法，在这里总结一下：

让select透明，上面加一个span，来替换select框，可以自定义小三角样式，也可以做出select文字居中的效果。


<divclass="ui-select"><span>使用加息券或现金券<iclass="icon-downlMar10"></i></span><selectname=""id=""><optionvalue="10元现金券">10元现金券</option><optionvalue="20元现金券">20元现金券</option><optionvalue="30元现金券">30元现金券</option><optionvalue="40元现金券">40元现金券</option></select></div>

.ui-select{width:75%;height:63px;line-height:63px;background-color:#ECAFB4;color:#fff;padding:030px;text-align:left;position:relative;}select{width:100%;height:63px;line-height:33px;opacity:0;position:absolute;top:0;left:0;}

//select监测option的值的变化，添加到span中$(".ui-selectselect").change(function(){$(this).prev("span").html($(this).find("option:selected").val()+'<iclass="icon-downlMar10"></i>');})

显示效果如图：