kendo-ui - 如何自定义默认 kendoui 菜单？

Question

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

谢谢

Answer 1

有一些官方文件。

如果您通常对如何自定义 kendo UI 感兴趣，请参阅此链接。

在这里，您甚至可以随时随地设置您喜欢的样式，并将样式导出为 CSS 或 LESS。或者，您也可以在您的网站上包含 ThemeBuilder！请参阅网站上的 3 点说明指南。

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

编辑：

由于您想知道如何设置元素本身的样式，请通过 firebug 之类的工具检查菜单。然后，您将看到菜单的结构，并可以单独设置类的样式。例如，此链接中的菜单，包含以下 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;
}