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

Question

У меня есть выпадающий список кендо, который я создал в 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, идентификатор которого 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/