如何在Kendo UI中调整菜单项的大小

Question

我试图做的就是改变菜单项的高度！我已经超过了它！

        <div id="responsive-panel">


            @(Html.Kendo().Menu()
                 .Name("mainkendomenu")
                  .Items(items =>
                  {
                      items.Add().Text("Alarms").SpriteCssClasses("k-icon k-i-note").Action("Alarms", "Alarms"); 
                      items.Add().Text("Tools").SpriteCssClasses("k-icon k-i-connector");
                      items.Add().Text("Settings").SpriteCssClasses("k-icon k-i-ungroup");
                  })
                .Events(e => e.Open("open").Close("close").Select("select").Activate("activate").Deactivate("deactivate"))


            )

        </div>

Answer 1

实际上，增加菜单高度的一种更简单的方法是增加菜单项内部元素的行高：

ul.k-menu .k-link{height:100px;}

然后通过将其垂直对齐属性设置为“中间”（默认为“顶部”）或设置一些上边距来修改图标的定位。

Answer 2

这是我最终的结果。

#responsive-panel .k-link
    {
        margin-top:-14px;
        height:5px;
    }