Search results

Style and Appearance in JavaScript (ES5) DropDownButton control

23 Feb 2021 / 1 minute to read

To modify the DropDownButton appearance, you need to override the default CSS of DropDownButton component. Please find the list of CSS classes and its corresponding section in DropDownButton. 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-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