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

Tutoriel

21/11/2022

3 min

H2 Example

Key points

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

Représentation visuelle de sites Web et des tendances en matière de webdesign en 2025

Les 5 tendances du webdesign en 2025

Représentation graphique de l'évolution de Webflow en 2025

En 2025, être bon en développement Webflow ne suffit plus.

Rapport sur l'état du site Web 2025 par Webflow

Décryptage du rapport “The 2025 State of the Website”

Voir tous les articles

Transformez votre site web en un moteur de croissance.

Nous contacter