Styles and Appearances in Blazor ContextMenu Component

27 Sep 20231 minute to read

To modify the Blazor Context Menu appearance, you need to override the default CSS of ContextMenu component. 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-container .e-menu-parent	To customize parent context menu
.e-contextmenu-container ul .e-menu-item	To customize the context menu items
.e-contextmenu-container ul .e-menu-item.e-focused	To customize the context menu items on focus
.e-contextmenu-container ul .e-menu-item.e-selected .e-caret::before	To customize the selected context menu caret icon
.e-contextmenu-container ul .e-menu-item .e-menu-icon::before	To customize the icons of the context menu