外观

菜单呈现为< ul >元素，并在默认情况下水平展开。

如果水平菜单的宽度大于其根项的总宽度，则右侧将保持可见的空白。要删除该空格，请使用下面示例中的CSS规则。

# Menu -id /*用于指定的Menu实例。*/， .k-menu-horizontal /*显示所有水平菜单。*/{显示:inline-block;}

在从左到右的布局中，收缩水平菜单将导致最后一个根项的边框触及菜单的右边框。下面的示例演示如何删除最后一个项的边框。

# Menu -id > .k-last /*用于特定的Menu实例。*/， .k-menu-horizontal > .k-last /*显示所有水平菜单。*/ {border-width: 0;}

呈现

从Kendo UI R1 2022开始，Menu小部件使用更新的呈现。

文本和展开箭头现在被包装在新的单独的容器中。

古老的呈现:

产品 

新的呈现:

鼠标悬停    

另外，Menu组接收一个新的size类:

古老的呈现:

…< / ul >

新的呈现:

…< / ul >

控件的样式菜单在新旧版本中:

< !——在Dojo中打开示例，选择2022 R1之前的版本，查看外观的差异--> 
 
Item 1< ul> 
Sub Item 1
 
Sub Item 2
 
Sub Item 3
  
 
Sub Item 3
 
                 
         
          
         
        改进这篇文章