Mettre des icone dans un select/option

Flex

Flex Le 14 janvier 2017 à 20:01 (Édité le 25 janvier 2019 à 17:53)

Bonjour, je cherche à mettre des icone dans un select/option mais ce dernier ne fonctionne pas avez vous une idée 

<div class="mdl-selectfield mdl-js-selectfield">
  <select id="myselect" name="myselect" class="mdl-selectfield__select">
    <option value=""></option>
    <option value="1"><i class="material-icons">accessibility</i>option 0</option>
    <option value="2"><i class="material-icons">forum</i>option 1</option>
  </select>
  <label class="mdl-selectfield__label" for="myselect">Choose option</label>
</div>
coucougael94

coucougael94 Le 15 janvier 2017 à 15:48

C'est impossible en utilisant un select (sauf, en utilisant une police d'icon).
MAIS :
jquery ui te permet de créer un faux select pour, notamment faire ce que tu veux (mettre une img).
Il existe d'autre alternative, mais celle-ci fonctionne.
Flex

Flex Le 15 janvier 2017 à 18:07

Salut, merci pour ta réponse je vais regarder ça.
J'ai une deuxième question est-il possible de convertir un menu ul/li en select/option ?
coucougael94

coucougael94 Le 15 janvier 2017 à 22:27

Surement, mais en js.
Devinfo

Devinfo Le 11 mai 2017 à 22:30 (Édité le 11 mai 2017 à 22:30)

a
TheOldNoob

TheOldNoob Le 22 mai 2017 à 13:22

Salut !

C'est possible assez facilement avec bootstrap par exemple 😀

https://silviomoreto.github.io/bootstrap-select/examples/
Vous devez être connecté pour poster une réponse. Se connecter ou Créer un compte