Kendo Dropdown的自定義圖標

Question

我有一個kendo下拉列表，我創建了Jquery。

標記：

$('.divReassignTo').width(widthForControls).kendoDropDownList({ 
      dataTextField: "Name", 
      dataValueField: "Guid", 
      dataSource: dataForAssignedTo, 
      optionLabel: "Select..." 
     }); 

我想要替換默認的圖標，在下拉到我有一個特定的圖標圖像顯示出來。

我該怎麼辦？任何幫助將不勝感激。

Answer 1

定義以下CSS定義：

span.k-widget.k-dropdown.k-header span.k-icon.k-i-arrow-s { 
    background-image: url('url to your image'); 
    background-position: 0 0; 
    background-size: 16px 16px; 
} 

如果你想將其限制在一個DropDownList哪個ID是dropdown，那麼你就可以縮小CSS來：

span.k-widget.k-dropdown.k-header[aria-owns='dropdown_listbox'] span.k-icon.k-i-arrow-s { 
    background-image: url('url to your image'); 
    background-position: 0 0; 
    background-size: 16px 16px; 
} 

在此處查看示例：http://jsfiddle.net/OnaBai/2sSgu/