javascript - 如何在剑道菜单中为所选项目应用样式

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/