Styles and Appearances in Blazor Dropdown Menu Component

28 Sep 20231 minute to read

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

CSS Class	Purpose of Class
.e-dropdown-btn	To customize the dropdown button.
.e-dropdown-btn:hover	To customize the dropdown button on hover.
.e-dropdown-btn.e-active	To customize the dropdown button on active.
.e-dropdown-popup	To customize the dropdown button pop up.
.e-dropdown-popup ul .e-item:hover	To customize the dropdown button pop up items on hover.
.e-dropdown-popup ul .e-item:active	To customize the dropdown button pop up items on active.