Styles and Appearances in Blazor ListBox Component

4 Aug 20211 minute to read

To modify the ListBox appearance, you need to override the default CSS of ListBox component. Please find the list of CSS classes and its corresponding section in ListBox 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-listbox-container To customize the listbox container
.e-listbox-container .e-list-item To customize the listbox list items
.e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled) To customize the listbox list items on hover
.e-listbox-container .e-list-item.e-selected To customize the listbox selected list item
.e-listboxtool-container .e-listbox-tool To customize the listbox toolbar
.e-listboxtool-container .e-listbox-tool .e-btn To customize the listbox toolbar button
.e-listboxtool-container .e-listbox-tool .e-btn .e-btn-icon.e-icons::before To customize the listbox toolbar icon