如何自定义默认的kendoui菜单？

Question

我已经使用MVC实现了默认的kendo菜单。如何更改颜色和外观？ 有什么有用的链接吗？还是任何文件？我知道它的所有Css。我只需要知道css是什么，任何帮助都会非常感激。

由于

Answer 1

有一些官方文件。

如果您对如何定制kendo UI感兴趣，请参阅this link。

而here，您甚至可以随心所欲地设计风格，并导出CSS或LESS风格。 或者，您也可以在您的网站上包含ThemeBuilder！请参阅网站上的三点说明指南。

3. Use the ThemeBuilder as a bookmarklet on your own pages! (Drag the button to your bookmarks bar)

修改

由于您想知道如何设置元素的样式，请通过firebug之类的工具检查菜单。 然后，您将看到菜单的结构，并可以单独设置类的样式。 例如，this link中的菜单包含以下html：

<ul id="menu" data-role="menu" class="k-widget k-reset k-header k-menu k-menu-horizontal" tabindex="0" role="menubar">
    <!-- snip -->
    <li class="k-item k-state-default" role="menuitem">
        <span class="k-link">
            Blog
        </span>
   </li>
   <!-- snip -->
</ul>

然后您可以设置以下样式：

.k-menu .k-item {
    min-width: 140px;
}

编辑2：

要以仅菜单项着色的方式更改菜单，请使用以下定义：

.k-menu.k-header {
    background-image: none;
    background-color: none;
}
.k-menu .k-item {
    background-color: red;
}