Comment retirer la flèche d'un dropdown select sur webflow ?

Tutoriel

November 21, 2022

3 min

H2 Example

Points clés de l'article

Par défaut, lorsque vous intégrez un champ select field dans un formulaire webflow, vous avez une icône ↓ (flèche vers le bas), que "vous ne pouvez pas" supprimer.

Sauf.... si vous intégrez un petit bout de custom code 😉

Découvre dans ce tutoriel comment cacher cette icône par défaut, afin de pouvoir ajouter ton icône de dropdown 100% personnalisable.

Custom code pour cacher l'icône par défaut d'un select field webflow

Ajouter un élément HTML embed code editor
Intégrer le custom code css ci-dessous dedans

<style>
.w-select {    
  -webkit-appearance: none;    
  -moz-appearance: none;
}
</style>

Et voilà ! L'icône par défaut est maintenant caché ✅

Il vous est maintenant possible d'ajouter une flèche personnalisée, créée "from scratch" depuis l'interface designer de webflow.

Florian Bodelot

Co-fondateur

Articles qui devraient vous intéresser

IA agentique vs IA générative : Comprendre les différences fondamentales et leurs applications

Client-First vs Lumos : Quel framework Webflow choisir en 2025 ?

ChatGPT 4o vs Midjourney : quel est le meilleur outil pour générer des images IA ?

Voir tous les articles

Transformez votre site web en un moteur de croissance.

Nous contacter