Styles and Appearances in Blazor Menu Bar Component

4 Aug 20211 minute to read

To modify the Menu appearance, you need to override the default CSS of Menu component. Please find the list of CSS classes and its corresponding section in Menu 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-menu-container To customize the menu wrapper
.e-menu-container.e-menu-popup To customize the menu popup
.e-menu-container .e-ul .e-menu-item To customize the menu items
.e-menu-container .e-ul .e-menu-item.e-focused To customize the menu items on focus
.e-menu-container ul .e-menu-item .e-caret::before To customize the menu items caret icon
.e-menu-container .e-ul .e-menu-item.e-selected To customize selected menu item