Styles and Appearances in Blazor Dropdown Menu Component

4 Nov 20251 minute to read

To modify the appearance of the DropDownButton, override the component’s default CSS. The following CSS classes target the button and popup elements in different states. Custom styles can be added to the application’s stylesheet. Alternatively, create a custom theme using Theme Studio.

CSS class	Purpose
.e-dropdown-btn	Customize the dropdown button.
.e-dropdown-btn:hover	Customize the dropdown button on hover.
.e-dropdown-btn.e-active	Customize the dropdown button in the active state.
.e-dropdown-popup	Customize the dropdown popup.
.e-dropdown-popup ul .e-item:hover	Customize popup items on hover.
.e-dropdown-popup ul .e-item:active	Customize popup items in the active state.