Relume Community Icon
Relume Community
  • 🏠Home
  • 📅Events

  • 🔵Announcements
  • 🔵General
  • 🔵Getting Started
  • 🔵Issues
  • 🔵Showcase

Powered by Tightknit
General
General

How to Remove Native Dropdown Icon in Webflow Input Fields

Avatar of Amin S.Amin S.
·

Hey team! I’m having an issue with a native icon appearing on the input field in “Contact - 6” for a Webflow project. I’m trying to keep just the chevron-down.svg icon, but the native dropdown arrow keeps showing up alongside it. It’s driving me a bit crazy, so I was wondering if anyone has suggestions or can point me in the right direction on how to remove the native icon while keeping the custom chevron-down.svg? Appreciate any help!

4 comments

  • Avatar of Matt J.
    Matt J.
    ·

    Amin S. sure you just need to add this bit of CSS to your global styles component in Webflow.

    select {
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
    }
  • Avatar of Amin S.
    Amin S.
    ·

    Greatly appreciated. Matt Worked great!!

    🙌1
  • Avatar of Aurelien S.
    Aurelien S.
    ·

    Matt J. I just had the same issue. Don't you want to add it to the styleguide clonable for future projects?

    ❤️1
  • Avatar of Matt J.
    Matt J.
    ·

    Yep, already implemented into the latest style guide that was released yesterday.

    🔥1