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/