Пользовательское изображение значка для раскрывающегося списка кендо

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

Разметка:

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

Я хочу заменить значок по умолчанию, который отображается в раскрывающемся списке, на конкретное изображение значка, которое у меня есть.

Как мне это сделать? Любая помощь будет высоко оценена.


jquery kendo-ui kendo-dropdown
person Nitin Rawat    schedule 03.04.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Определите следующее определение 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/

person OnaBai    schedule 03.04.2014