定制风格剑道垂直菜单角？

Question

我在当前的角度项目中使用Kendo组件。

在Vertical Menu中，我不能在其他级别(子级)上更改样式。

我怎样才能改变菜单上父母和孩子的风格？

有人有什么想法吗？

kendo垂直菜单的示例链接：

https://www.telerik.com/kendo-angular-ui/components/menus/menu/vertical/

代码示例：

   <kendo-menu [items]="items" [vertical]="true" style="display:inline-block; width: 100%;" >
        </kendo-menu>

Answer 1

您可以创建kendo-menu-item并将样式应用于它。

<kendo-menu (select)="onSelect($event, template)">
     <kendo-menu-item text="Hover me" cssClass="mycustom">
         <kendo-menu-item text="Toggle popup" >
         </kendo-menu-item>
     </kendo-menu-item>
</kendo-menu>

<ng-template #template>
    <p style="margin: 15px;">Hey, it is popup content!</p>
</ng-template>

和风格：

.mycustom:hover{
  background-color: orange;
}
.mycustom{
  background-color: green;
}
.k-animation-container .k-popup{
  background-color: lightyellow;      
}

请参阅stackblitz示例。