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;
}

如果要将其限制为ID为dropdown的DropDownList，则可以将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/

Kendo Dropdown的自定义图标图像

1 个答案: