Removing the caret icon on dropdowns

Topic: Removing the caret icon on dropdowns

Peshraw Hiwa 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?

Add comment

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

Deepanshu Yadav commented 4 years ago

Thank you for this

Add comment

Marta Szymanska staff pro premium answered 6 years ago

Hi,

remove .dropdown-toggle class.

Best,

Marta

Peshraw Hiwa 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>

Add comment

Write

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

Related topics

7: Keyboard tab navigation to search field of material select is not working. Upon receiving the focus to search textbox, dropdown disappears and leaving inaccessible for a keyboard user

1: Select dropdown won't show option with empty value if another item has selected attribute

About author

7Support score
1Questions 0Answers

0Snippets likes 0Snippets