Пользовательский значок значок для Kendo Dropdown

Question

У меня есть раскрывающийся список кендо, который я создал в JQuery.

Markup:

$('.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, который идентификатор 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/