html - 如何将图像放入选择菜单

Question

如何将图像放在选择菜单中的文本旁边。

例如，这不起作用：

<select style="background-color:black; width:150px;color:white;">
   <option style="background-image:url(images/english.png);">English</option>
</select>  

这是行不通的。我想先有一个小标志，然后是语言的名称。

Answer 1

select 元素不支持这种类型的东西。它旨在成为一种本机控件，无论在何处使用都是一致的。但是，您可以创建自己的自定义下拉样式菜单。

这是我做的一个（在图表下）。
此外，这里有一个 jquery 插件，它可能会让您更轻松。

祝你好运！