Removing the caret icon on dropdowns

Topic: Removing the caret icon on dropdowns

Peshraw Hiwa asked 2 years ago


I searched and could not find any way for removing the caret icon on the dropdown toggle component. 

Is there any way to achieve that?

Mikołaj Smoleński staff answered 2 years ago

Hi there,

Please add the following style code to Your page:

<style scoped>
.dropdown-toggle:after {
display: none;

Best Regards

Deepanshu Yadav commented 1 months ago

Thank you for this

Marta Szymanska staff pro premium answered 2 years ago


remove .dropdown-toggle class.



Peshraw Hiwa commented 2 years ago

Hi there is no .dropdown-toggle class on the component 

<mdb-dropdown tag="li" dropleft class="nav-item">
<mdb-dropdown-toggletag="a"class="rounded"navLinkcolor="info"slot="toggle"waves-fixed><iclass="fa fa-user"></i></mdb-dropdown-toggle>

Please insert min. 20 characters.