jquery - 剑道下拉菜单的自定义图标图像

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 为的 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/