Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB Vue
Topic: Removing the caret icon on dropdowns

Peshraw Hiwa free asked 6 years ago

Hi,

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 6 years ago

Hi there,

Please add the following style code to Your page:

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

Best Regards

free commented 4 years ago Delete

Thank you for this

Marta Wierzbicka staff answered 6 years ago

Hi,

remove .dropdown-toggle class.

Best,

Marta

Peshraw Hiwa free commented 6 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>
<mdb-dropdown-menudropleft>
<mdb-dropdown-item>Test</mdb-dropdown-item>
</mdb-dropdown-menu>
</mdb-dropdown>
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Resolved

Specification of the issue
  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 4.8.2
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No
Tags
dropdown
About author
Peshraw Hiwa
7Support score
1Questions 0Answers 0Snippets