How to remove the arrow from a dropdown select in Webflow?

Tutorial
March 20, 2023
3 min
Custom code to hide the icon of a Webflow select field.
Use AI to summarize this article
Key points

By default, when you integrate a select field into a Webflow form, you will see a ↓ (downward arrow) icon that "you cannot" remove.

Unless.... you include a little bit of custom code 😉

Discover in this tutorial how to hide this default icon, so you can add your own 100% customizable dropdown icon.

Custom code to hide the default icon of a Webflow select field

  1. Add an HTML embed code editor element
  2. Integrate the custom CSS code below into it
<style>
.w-select {    
  -webkit-appearance: none;    
  -moz-appearance: none;
}
</style>
Webflow select field with arrow icon
The ↓ icon is still present
Custom code to hide the arrow icon in a select field
The ↓ icon is no longer present

And there you have it! The default icon is now hidden ✅

You can now add a custom arrow, created "from scratch" using the designer interface of Webflow.

Florian Bodelot
Florian Bodelot
Co-founder

Suggested articles

A woman speaks on stage at a conference, wearing a headset microphone. Behind her, a large black screen displays the question “What then?” in bold white text.
Events
Webflow

Digidop attends FLOWconf 2025, the biggest Webflow & marketing event in Europe.

Digidop attends FLOWconf 2025, the biggest Webflow & marketing event in Europe.
Visual overview of several modern web typefaces in 2025, each displayed on a vibrant background: Editorial New, DM Serif Display, Aeonik, SF Pro Rounded, Rader, Champ, Monument, Canicule, Clash Display, Supply, Agrandir, and more — a graphic composition highlighting typographic diversity.
Documentation
Design

The 20 Best Fonts for a Modern and Impactful Website in 2025

The 20 Best Fonts for a Modern and Impactful Website in 2025
Mosaic of homepage designs from several Webflow agencies (Digidop, N4, Refokus, Flow Ninja, Tonik, Finsweet, Edgar Allan), showcasing diverse creative approaches and visual identities centered around the Webflow logo.
Storytelling
Webflow

My Top 7 Webflow Agencies in 2025 (From a Founder’s Perspective)

My Top 7 Webflow Agencies in 2025 (From a Founder’s Perspective)

Want to turn your website into your most valuable asset?

Contact us today