由于某种原因,我的图像不会显示在我的选择选项中。
<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参数等)
<option>
的规范不允许在其定义中使用非文本信息。MDN的<option>
页面非常清楚地说明了这一点:
允许的内容
文本,可能带有转义字符(如
é
)。
可以说,<img>
元素不符合这个标准。
<option>
元素,因此选择,只能包含文本,而不能包含图像。