select下拉小三角樣式自定義

首先假設這有一個select下拉菜單。

然后，清除原有樣式

select{
     appearance:none;
     -moz-appearance:none; 
     -webkit-appearance:none;
     outline: none;
     border: none;

}
select::-ms-expand{ display: none; }//ie

最后，貼上需要的background

background: url(../img/select.png) no-repeat scroll 90% center transparent;
padding-right: 40px;
background-size: 10px;//此三項按情況調整