Discussion :

[PaRaDiGm]

Bonjour,

Sur un site mobile, je souhaiterai changer la fleche par défaut de la liste déroulante par une image en 13x16px. Voici le code du formulaire.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div class="select">
    <label>Sort By
    <select id="dropDown1">
                        <option value="latest">New videos</option>
                        <option value="top-rated">Top Rated</option>
                        <option value="most-viewed">Most Viewed</option>
            </select></label>
            </div>

Merci pour votre aide.

[NoSmoking]

Bonjour,
comme tu ne pourras pas changer l'original tu peux toujours passer par un plugin qui te gérera tout cela.

[Watilin]

Je complète la réponse de NoSmoking : si tu veux le faire en Vanilla JS (sans framework), la plupart des plugins fonctionnent sur ce principe :
1. tu appelles la fonction principale du plugin et tu lui passes une référence sur le <select> ;
2. la fonction analyse le contenu du <select> et construit un équivalent avec d'autres balises telles que <ul> ou <div> ;
3. le <select> est remplacé par l'équivalent construit.

Comme les balises de remplacement ne sont pas de contrôles de formulaire, tu peux les styler librement avec CSS.