Dropdown Icon Position

boston85719 · 2024-07-08T07:54:33.018Z

If you want to change the position of the Icon in the dropdown you can use the code below

<style>
#drop-custom {  
background-position: right 4px top 50%, 0 0 !important;
}
</style>

The dropdown element to target will need the HTML ID attribute set, and in the code above that is drop-custom

The 4px in the code above makes the icon 4px away from the right side of the dropdown.

You can put this code into an HTML element onto the page

Tanvi2 · 2024-07-08T09:07:48.068Z

@boston85719 this definitely makes the dropdown element look better. Thank you!

Do you know the CSS code for animating the dropdown icon when opening and closing the dropdown?

boston85719 · 2024-07-08T12:15:02.425Z

Tanvi2:

Do you know the CSS code for animating the dropdown icon when opening and closing the dropdown?

I do not