Bonjour,

Depuis ce matin, je cherche à faire un select mais sans texte, juste des icones qui rempliraient 100% de la largeur et de la hauteur...

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
function change() {
    select = document.getElementById("select");
    select.style.backgroundImage = select.options[select.selectedIndex].style.backgroundImage;
}
</script>
 
<select id="select" onchange="change();">
<option style="background-image:url('ico1.png') no-repeat; width:100px; height:100px;">csd</option>
<option style="background-image:url('ico2.png') no-repeat; width:100px; height:100px;">csd</option>
<option style="background-image:url('ico3.png') no-repeat; width:100px; height:100px;">cds</option>
<option style="background-image:url('ico4.png') no-repeat; width:100px; height:100px;">cds</option>
</select>

Autant le dire franchement, rien ne fonctionne, l'image ne s'affiche pas, et l'après sélection de-même...