Image won't display in select option (HTML)

Question

for some reason my image won't display in my select option.

<select>
   <option><img src="img/pic1.png" style="height:16px;width:16px;margin-left:4px">Option 1</option>
   <option><img src="img/pic1.png" style="height:16px;width:16px;margin-left:4px">Option 2</option>
   <option><img src="img/pic1.png" style="height:16px;width:16px;margin-left:4px">Option 3</option>
</select>

(Code simplified to understand problem, however, there are no special CSS arguments etc. for the options)

I already searched up other forums and questions on Stackoverflow, but why doesn't it work for me? What do I wrong?

Does this answer your question? [How to add images in select list?](https://stackoverflow.com/questions/2965971/how-to-add-images-in-select-list) — Ivar, Jan 26 '22 at 13:24

score 0 · Answer 1 · answered Jan 26 '22 at 13:24

0

The <option> element, and therefore the select, can only contain text, not images.

answered Jan 26 '22 at 13:24

Ian Devlin

18,092
5
56
71

score 0 · Answer 2 · answered Jan 26 '22 at 13:25

<option>’s specification does not permit the use of non-textual information in its definition. MDN’s page for <option> spells this out pretty clearly:

Permitted content

Text, possibly with escaped characters (like é).

Suffice to say that <img> elements for not meet this standard.

Image won't display in select option (HTML)

2 Answers2