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