Kendo ui 剑道组合框用于替代项目的不同css

我有一个mvc剑道组合框声明为

var comboBox = Html.Kendo().ComboBox()
         .Name("Combo")
         .Placeholder("Select a val...")
         .DataTextField("Description")
         .DataValueField("Description")
         .AutoBind(false)
         .Filter(FilterType.Contains)
         .DataSource(source => source
             .Read(read => read.Action("XYZ", "ABC").Data("callList"))
             .ServerFiltering(true)
             )
         .HtmlAttributes(new { style = "width:400px" });

是否有任何方法可以为替代项使用不同的css

我在剑道文档中找不到任何东西。我也尝试使用JQuery，但失败了。谁能告诉我是否有解决办法

---

谢谢。

根据您的浏览器支持（IE9或更高版本），您可以使用普通的旧CSS来实现这一点

#Combo .k-item:nth-child(odd) {
    background-color: #f00;
}

这样试试

$(document).ready(function () {
        $("#States").kendoComboBox();
        var cmb = $("#States").data("kendoComboBox");

        cmb.ul.find("li:odd").css("background-color", "#C0C0C0");
        cmb.ul.find("li:odd").css("background-color", "#FFFFFF");
    });

检查这个剑道

---

我使用的是Kendo Web而不是MVC，但只要该脚本在填充网格后运行，结果就会相同。

我认为这不起作用，因为选项列表不是

#Combo

的子项。这个想法很好，但是把它限制在一个元素上的方法不起作用。我试过你的答案，但是没有用。谢谢你的尝试。我认为如果下拉列表是从现有元素创建的，那么它就可以工作了，否则剑道似乎会将它们移动到自己的下拉面板。可能有一种方法可以通过JS获取该元素。