En base a la respuesta de stack over flow en ingles :
Jamas va a funcionar, ya que entregas un href
de la imagen a una etiqueta <a>
, debes darle al <option>
la imagen, intenta con esto :
<select>
<option value="100" style="background-image:url(images/anillo.png);"></option>
<option value="100" style="background-image:url(images/utileria.png);"></option>
<option value="100" style="background-image:url(images/joyeria.jpg);"></option>
</select>
En la respuesta a la que hice referencia, te explican ademas como conseguir esto a nivel de css
, sin embargo, dudo que te sirva ya que tienes mas de 255 imagenes las cuales quieren listar en un selector.