如何替換select2默認微調器？

Question

如何取代select2 spinner.gif？

我曾嘗試與下一個CSS：

.select2-container-multi .select2-choices .select2-search-field input.select2-active { 
    background: #fff url('custom-spinner.gif') no-repeat 100% !important; 
    background: #fff url('custom-spinner.gif') no-repeat 100% !important; 
} 

這是截圖：

我不實現與spinner1-gif

此替換默認select2-spinner.gif是css https://github.com/ivaynberg/select2/blob/master/select2.css

Answer 1

以下是select2.css中3.3.1版本中'spinner.gif'的每個實例。複製該文件，更改文件路徑的每個實例，並將其放置在樣式表中，該樣式表在 select2.css之後加載。

.select2-search input.select2-active { 
    background: #fff url('select2-spinner.gif') no-repeat 100%; 
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); 
    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); 
    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); 
    background: url('select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); 
    background: url('select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); 
    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%); 
} 

.select2-more-results.select2-active { 
    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%; 
} 

.select2-container-multi .select2-choices .select2-search-field input.select2-active { 
    background: #fff url('select2-spinner.gif') no-repeat 100% !important; 
}