Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/xcode/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Kendo ui 如何自定义默认的kendoui菜单?_Kendo Ui - Fatal编程技术网

Kendo ui 如何自定义默认的kendoui菜单?

Kendo ui 如何自定义默认的kendoui菜单?,kendo-ui,Kendo Ui,我已经用MVC实现了默认的剑道菜单。我如何改变它的颜色和外观? 有什么有用的链接吗?或任何文件?我知道这一切。我只需要知道css是什么,如果有任何帮助,我将不胜感激 谢谢这里有一些官方文件 看看您是否对如何定制剑道用户界面感兴趣 而且,您甚至可以在移动中随心所欲地设置样式,并将样式导出到CSS或更少。 或者,您也可以在站点上包含ThemeBuilder!请参阅网站上的3点说明指南 3. Use the ThemeBuilder as a bookmarklet on your own pages

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


谢谢

这里有一些官方文件

看看您是否对如何定制剑道用户界面感兴趣

而且,您甚至可以在移动中随心所欲地设置样式,并将样式导出到CSS或更少。 或者,您也可以在站点上包含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>
编辑2:

要更改菜单,使其仅显示菜单项的颜色,请使用以下定义:

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

谢谢,但是它在哪里谈论子菜单css呢?或者每个元素的宽度和高度?谢谢。。研究了如何使用它使子菜单着色。还有一个问题,现在菜单一直向左,即使我有两个菜单项。你知道我怎样才能阻止菜单栏一路跑过去吗?我只希望它在菜单项将菜单放在一个有尺寸的容器中后停止。要使它们着色,请使用选择器,如k.menu.k-item.k-popup。如果你使用Firebug之类的东西,你实际上可以发现这些东西……我正在使用chrome调试工具。我放置了一个名为“MainNavContainer”的div容器,其中我有一个名为“MainNav”的菜单控件。我唯一的问题是菜单仍然延伸到容器的末端,这很好,但我需要颜色(红色)的扩展菜单。。我试过#MainNav.k.menu.k-item.k-popup.k-widget{background color:red;}菜单项很好。。我可以在扩展位中给它们上色这是我试图解决的问题的屏幕截图。。。谢谢
.k-menu.k-header {
    background-image: none;
    background-color: none;
}
.k-menu .k-item {
    background-color: red;
}