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
![select field webflow avec icône arrow bottom](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eed96_637b47537bee3da35694acfa_select-dropdown-avec-arrow.webp)
![Custom code pour cacher l'icône de flèche dans un select field](https://cdn.prod.website-files.com/64760069e93084646c9ee428/64760069e93084646c9eed95_637b47ad69bf642d484250dd_select-dropdown-sans-arrow.webp)
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.
Prêt(e) à avoir un site qui convertit ?
Améliorer votre visibilité en ligne grâce à l’experience, l’excellence et la réactivité de Digidop !