如何在kendo菜单中为所选项目应用样式

Question

我正在使用Kendo菜单， 我正在尝试为菜单中的所选项目应用样式。 我试过像

.k-menu .k-state-selected> .k-link {
    color: lightcoral;
}

在我的案例中没有解决。 任何人都可以帮我解决这个问题

Answer 1

没有选择选项的概念。您有select个活动，但不会停留selected。所以，你应该自己做。

$("#menu").kendoMenu({
    select: function (e) {
        // Remove previously selected options for this menu
        $(".k-state-selected", this.element).removeClass("k-state-selected");
        // Select item
        $(e.item).addClass("k-state-selected")
    }
});

有了这个，您可以使用您定义的样式：

.k-menu .k-state-selected> .k-link {
    color: lightcoral;
}

此处的示例http://jsfiddle.net/OnaBai/7bk2h/1/