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 all the JavaScript 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 |