Style and appearance in Angular Context menu component

4 Apr 20231 minute to read

To modify the ContextMenu appearance, you need to override the default CSS of ContextMenu component. Please find the list of CSS classes and its corresponding section in ContextMenu component. Also, you have an option to create your own custom theme for the controls using our Theme Studio.

CSS Class	Purpose of Class
.e-contextmenu-wrapper	To customize the context menu wrapper
.e-contextmenu-wrapper .e-menu-parent	To customize the context menu items
.e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret::before	To customize the context menu caret icon
.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon::before	To customize the icons of the context menu