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

【问题标题】：Custom Icon image for Kendo Dropdown剑道下拉菜单的自定义图标图像
【发布时间】：2014-04-03 16:26:38
【问题描述】：

我有一个在 Jquery 中创建的剑道下拉列表。

标记：

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

我想将下拉菜单中显示的默认图标替换为我拥有的特定图标图像。

我该怎么做？任何帮助将不胜感激。

【问题讨论】：

标签： jquery kendo-ui kendo-dropdown

【解决方案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/

【讨论】：