Angular 自定义风格剑道垂直菜单角度？

我在当前的角度项目中使用剑道UI组件

在

垂直菜单中

我无法更改其他级别（子级）的样式

如何更改菜单中家长和孩子的样式

有人有什么想法吗

剑道垂直菜单的示例链接：

代码示例：

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

---

您可以创建

剑道菜单项

并对其应用样式

<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>

---

您可以创建

剑道菜单项

，并对其应用样式

<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>

---

您可以使用“\deep”覆盖样式，但由于该样式已被折旧。因此，我认为您可以在组件中使用视图封装。您可以使用“\deep”覆盖样式，但由于这一点被低估了。因此，我认为您可以在组件中使用视图封装。我不知道这是什么“封装：ViewEncapsulation.None”，但当我将其添加到样式末尾时，它工作得很好。thanks@Aras没关系。你可以读到。如果您觉得这个答案对您有帮助，您可以将其升级或标记为答案，以简化其他用户未来的搜索。我不知道这是什么“封装：视图封装。无”，但当我把它添加到样式的末尾时，它工作得很好。thanks@Aras没关系。你可以读到。如果您觉得这个答案对您有帮助，您可以将其升级或标记为答案，以简化其他用户未来的搜索。