По какой-то причине мое изображение не будет отображаться в моей опции выбора.

<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>

(Код упрощен для понимания проблемы, однако для опций нет специальных аргументов CSS и т. д.)

Я уже искал другие форумы и вопросы на Stackoverflow, но почему у меня это не работает? Что я не так?

-1
corv1njano 26 Янв 2022 в 16:20
1
Отвечает ли это на ваш вопрос? Как добавить изображения в список выбора?
 – 
Ivar
26 Янв 2022 в 16:24
SO не является документацией.
 – 
morganney
26 Янв 2022 в 16:29

2 ответа

Спецификация <option> не разрешает использовать нетекстовую информацию в своем определении. страница MDN для <option> пишет это довольно четко:

Разрешенный контент

Текст, возможно, с экранированными символами (например, &eacute;).

Достаточно сказать, что элементы <img> не соответствуют этому стандарту.

0
esqew 26 Янв 2022 в 16:25

Элемент <option> и, следовательно, выборка могут содержать только текст, а не изображения.

0
Ian Devlin 26 Янв 2022 в 16:24